Vue必会知识点——使用篇

使用

Vue的基本使用

v-html和v-text：

• 都会覆盖掉子组件
• v-html能解析html标签
• v-html有xxs风险

computed和watch：

• computed有缓存，data不变则不会重新计算。
• cpmputed在v-model绑定的时候需要有get(),set()
• watch需要设置deep为true才能深度监听
• watch监听引用类型，拿不到oldVal，因为同一个引用类型指针相同，修改值之后指向新的val，就拿不到旧的val。

v-show和v-if：

• v-if按照条件是否渲染，v-show是display的block或none；
• v-show页面加载的时候也会随之加载，不会重新销毁和渲染；
• v-if只有在判断符合的时候才会加载，不符合的时候会销毁，下一次需要重新加载渲染。
• 需要频繁切换的时候使用v-show比较好，反之使用v-if。

v-for中的key：

• key的作用主要是为了高效的更新虚拟DOM。
• diff算法中通过tag和key来判断，是否是sameNode
• 减少渲染次数，提升渲染性能
• 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动