22、vue.js 之常用的一些数据处理方法

1、缓存

        加上<keep-alive></keep-alive>标签把加载过的组件缓存起来，这样当第二次加载该组件的时候，就不会执行到组件的mounte里去重新加载一次数据，以便节约流量，只会第一次加载该组件的时候会执行该组件的mounte里去加载数据 。

        如果要想每次加载该组件的时候都到mounte里去重新加载一次数据，<keep-alive></keep-alive>标签去掉，要么在组件的export default {里加上 activated () {} 函数，利用该函数来加载数据，无论有么有缓存都会执行activated函数
例如：

    <keep-alive>

      <vheader></vheader>

    </keep-alive>











2、数据的处理

Vue.set 可以直接往data里的数据中添加新的数据
this.$set 需要在执行函数的时候传值过来 然后往传递的值里添加

Vue.set(this.food, 'count', 0) //代表往this.food里添加一个值，这个值的初始值为0

this.$set(food, 'count', 0) //代表往food里添加一个值，这个值的初始值为0 但是food必须由函数传递过来

3、用ref绑定一个元素（尤其是模板）后，可以直接使用该元素对应的方法和数据