Vue知识点总结

时间:2022-01-01 13:17:24

1、属性名已$开头的都是内部提供的属性

2、为什么使用事件修饰符的原因:methods 只有纯粹的数据逻辑,而不是去处理 DOM 事件细节

3、v-if 如果值为false,元素在页面中不存在;值为true,展示在页面中
     v-show 如果值为false,元素隐藏display:none;如果值为true,元素显示display:block

频繁的操作dom的显示隐藏,建议使用v-show
     初始页面没有某个元素,等某个数据发生变化,再去显示某个而元素,v-if

4、watch虽可监听,但只是浅监听,只监听数据第一层或者第二层,如果是对象就需要用深度监听

list:{  //深度监控
deep:true,
handler(newValue){
console.log(newValue);
}
}

5、计算属性在所依赖的数据发生更改时立即就会改变,不能在执行异步操作后才改变状态
      使用watch,可以执行异步操作(或是访问接口),并在获取最终结果时立刻设置状态