vue-cli搭建过程出错问题总结

Vue-cli搭建出错
1：eslint语法限制项目报错解决办法
经过百度查询，原来eslint是一个语法检查工具，但是限制很严格，在我的vue文件里面很多空格都会导致红线(红线可以关闭提示)，虽然可以关闭，但是在编译的时候老是会跳出来，所以能关闭是最好的了。
关闭方法：在build/webpack.base.conf.js文件中，注释或者删除掉：module->rules中有关eslint的规则
2：重定向错误
{path: ‘/’,redirect: ‘/home’}写错成 {path: ‘/’,redirect: /home}
3：安装axios
百度查询 vue 脚手架 axios
(1)npm 安装axios，文件根目录下安装，指令如下:
　　 npm install axios --save-dev
(2)在main.js中引入axios。　
(3)接着将axios改写为Vue的原型属性。
Vue.prototype.$http=axios(4)使用axios：this.$http.get(“url”).then( (res)=>{} )
4:
data:{ return{} } //错误
data(){ return{} }, //正确：在大型项目中data会造成数据污染（data是全局的）。将data封装成一个函数，我们在实例化组件的时候只是调用了这个函数生成的数据副本，这就避免了数据污染

5：添加成功后用户列表没更新
watch: {
$route: {
handler: function(val, oldVal){
console.log(val);
},
// 深度观察监听
deep: true
}
},
监听路由变化，实现再次查询更新

6引入动画animation.css
vue脚手架中运用animate.css(4.* 版本)
1.安装
npm install animate.css
2.注册
在main.js中：

import animated from “animate.css”;
Vue.use(animated);

3.使用 组件中
animate__animated 每个动画名 前面 都要有这个
//以前都是加animated,所以没效果

An animated element