VUE重学

v-if和v-show的区别:
v-if是按条件渲染,因为他确保在切换时,条件区块内的事件监听器和子组件都会被销毁和重建,也是惰性的,如果初次渲染条件为false,则不会做任何事,只有true才会渲染
v-show:无论元素如何都会被渲染,css中display属性会被切换。
总的来说:前者开销大,如果需要频繁切换,使用v-show。如果运行时绑定条件很少改变,则v-if更适合。

v-for:
·可以使用of代替in,更接近js的迭代器语法


vue默认按照 就地更新 的策略更新通过v-for渲染的列表,当数据项顺序改变时,vue不会随之移动dom元素顺序,而是就地跟新每个元素,确保他们在原本指定的索引位置上渲染。
为了给vue一个提示,以便跟踪每个节点的标识,从而重用和重新排序现有的元素,你需要为每个元素对应的块提供一个唯一的key :key 可以减少内存消耗

事件参数:
可以获取event对象,通过事件传递数据

你可能感兴趣的:(前端,vue)