⚠️用vue-cli搭建项目后使用...运算符会报错误
解决方法:npm install --save-dev babel-plugin-transform-object-rest-spread
新建.babelrc配置文件(src同级),添加以下代码
{"plugins": ["transform-object-rest-spread"]}
⚠️vue删除路由自带#
更改vue路由模式,vue路由默认hash模式(前端路由),对于访问路径有要求的可以改为history模式(可以使用history控制页面前一页等),更改需注意:
1、new一个路由中添加mode:'history';
2、服务器配置(nginx),除了root:打包文件地址外,添加:
location / {
try_files $uri $uri/ /index.html;
}
3、build方法中assetsPublicPath: '/'
⚠️封装树组件
利用迭代调用本身组件,注意需要填写name
网友评论