vue采坑记录

1在watch或created（获取数据）里操作dom

用this.$nextTick(function(){})

watch里面方法，注意=>时，this作用域的变化。

2路由变化，页面数据不变化

原因：vue-router的history模式

方法：监听路由

watch：{
    "$route"(to,from){
        if(to.path.indexOf('/home')>-1){
            this.initiate()
        }
    }
}
复制代码

3setInterval路由跳转，没有及时销毁组件

方案：在beforeDestroy后停止Interval

beforeDestory{
    clearInterval（this.timer）
}复制代码

4router-link的原生事件

click.native="doTheThing"复制代码

5子组件属性修改用compute

在compute计算后，给对应位置使用

6watch对象的属性，不会引起dom重新渲染

处理方案：直接预先定义好属性，或者watch属性复制代码

7keep-alive包裹缓存常用组件

8data数据必须是函数

应该组件是公用的，哪用新生成一套数据。属性不能相互污染。