1.vue生命周期
2.函数 methods和计算属性computed的异同
https://cn.vuejs.org/v2/guide/computed.html
共同点:都可以进行计算
区别:计算属性只有当,计算属性中的方法所依赖的数值发生变化的时候执行,函数则是调用一次执行一次。
3.过滤器filter
过滤器支持连续处理,看起来更简洁,书写方便
#过滤器 {{message|filterA|filterB}} #函数 {{filterB(filterA(message))}}
4.v-show与v-if
共同点:都可以根据条件显示或者隐藏元素;
区别:
v-if满足条件渲染DOM元素,不满足不会渲染DOM元素;v-show都会渲染DOM,不满足条件时,会给DOM元素加上“display:none”属性;
v-if切换开销高,v-show渲染开销高;
使用场景:如果DOM元素的状态需要频繁切换,使用v-show,反之使用v-if;
5.v-if与v-for
在vue.js中,v-for的优先级比v-if更高,v-for和v-if同时使用时,v-for会首先循环,忽略掉v-if的条件。如果v-for的元素很多,即使只是展示很小的数据,系统还是会把所有的数据都渲染出来,之后再用v-if条件过滤掉不符合条件的DOM元素,系统消耗较大。