杂记 -- 关于ref、kepp-alive、nextTick

1、ref:定义一个普通的dom节点或一个vue的组件实例对象

定义方法:

我是p标签

获取ref方法:vm.$refs.xxx (要在节点渲染后获取)

mounted(){
    console.log(this);//page1这个vue组件的实例对象
    console.log(this.$refs.p); //普通的dom节点
    console.log(this.$refs.about);//相当于子组件的实例对象
    this.$refs.about.data = 111;
    console.log(this.$refs.about.data);
}

2、keep-alive:缓存一个组件的数据,而不动态销毁

包含参数:
include:'string || reg',匹配到的会被缓存,跟name配合使用
exclude:'string || reg',匹配到的不会被缓存
用法:


     

3、this.$nextTick(function(){},[Object obj]):类似于setTimeout等将任务放入异步的等待队列中,用与异步操作

用法:


你可能感兴趣的:(杂记 -- 关于ref、kepp-alive、nextTick)