vue性能优化

来源:互联网 发布:河南网络流行的歌 编辑:程序博客网 时间:2024/05/21 10:57

1使用$watch监听的时候,监听的数据是一个对象的时候,要注意几点:
监听组件内某个对象里面的某项属性时,不要监听对象,直接监听对象里面的属性(深度监听),只有直接监听这个对象里面的属性,只更新对象里面的属性时也能直接监听到此数组的变化。

链接

data(){return {msgs : {list:[1,2,3]}}},watch:{msg(newVal,oldVal){console.log(newVal);//(1)},"msg.list":function(newVal,oldVal){console.log(newVal)//(2)}},mounted(){this.$set(this.msg,"list",[1,2,3,4]);//(1)不会打印,(2)会打印this.$set(this,"msg",{list:[1,2,3,4]}//(1)会打印,(2)会打印}

2异步组件
异步组件