Vue的小知识点

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元素，系统消耗较大。