vue基础配置

目录

1、vue.config.js相关配置

n、vue基础经验分享

lintOnSave:false
/*用途
设置是否在开发环境下每次保存代码时都启用 eslint验证。
value：   
false：关闭每次保存都进行检测
true：开启每次保存都进行检测，效果与warning一样
‘warning’：开启每次保存都进行检测，lint 错误将显示到控制台命令行，而且编译并不会失败。
‘error’：开启每次保存都进行检测，lint 错误将显示到浏览器页面上，且编译失败。
‘default’：同’error’
*/

/*data数据一改变，vue会重新解析模板
VueComponent只要拥有props，就可以在模板中直接使用和vue.extend{}中this.使用;props的值不能改，指的是指向的对象地址不能改
VueComponent与vm区别，有无el挂载，VueComponent.prototype.__proto__===Vue.prototype

*/

//父子组件之间传数据：
#
1、使用v-for时要同时绑定遍历每个元素的key值
2、组件之间进行数据传递时，使用props进行接收 【1】:todo="todoObj"  【2】props:['todo'],

//兄弟组件之间传数据data：
#
#
1、传给共同的父亲  【A】:props:['add'],Vue.extend{methods:{xxx(){this.add(data)} }
【App】：定义数据存储数组datas 和更改数据datas的函数ad() 【B】:props:['todos']