Vue阅读笔记
- v-pre 跳过元素和子元素的编译过程~
- 善用computed属性,计算属性基于它的依赖缓存,一个计算属性所依赖的数据发生变化时,它才会重新取值。而methods只要任意数据更新,便会重新计算,浪费性能。使用computed还是methods取决于你是否需要缓存,遍历大树组和做大量计算时,推荐使用计算computed~
- 绑定class的几种方式:
<div :class="{ 'active': isActive }"></div>
<div :class="{ 'active': isActive, 'error': isError }"></div>
computed: {
classes: function() {
return {
active: this.isActive && !this.error,
'text-fail': this.error && this.error.type === 'fail'
}
}
}
<div :class="[activeCls, errorCls]"></div>
<div :class="[isActive ? activeCls : '', errorCls]"></div>
- v-once 定义它的元素或组件只渲染一次,包括元素或组件的所有子节点。
- v-show 不能在template上使用