Vue阅读笔记

Vue阅读笔记

1. v-pre 跳过元素和子元素的编译过程~
2. 善用computed属性，计算属性基于它的依赖缓存，一个计算属性所依赖的数据发生变化时，它才会重新取值。而methods只要任意数据更新，便会重新计算，浪费性能。使用computed还是methods取决于你是否需要缓存，遍历大树组和做大量计算时，推荐使用计算computed~
3. 绑定class的几种方式：
   

// 对象语法
<div :class="{ 'active': isActive }"></div> //一个类名
<div :class="{ 'active': isActive, 'error': isError }"></div> //多个类名
// :class的表达式过长或逻辑复杂时，使用computed属性
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>

4. v-once 定义它的元素或组件只渲染一次，包括元素或组件的所有子节点。
5. v-show 不能在template上使用