Vue中使用watch监听Vuex中的数据变化
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
使用computed和watch监听vuex数据变化
1.conputed从Vuex中获取需要监听的对象,赋值给Obj;
2.watch监听Obj的变化;
代码如下:
export default{
component:{},
data(){
return{}
},
computed:{
Obj(){
return this.$store.state.data.age
}
},
watch:{
Obj(newVal,oldVal){
//可以对数据执行相应的操作
console.log(newVal,oldVal)
}
},
methods:{},
}
直接对Vuex对象进行watch监听
export default{
component:{},
data(){
return{}
},
watch:{
'$store.state.data.age'(newVal,oldVal){
//对数据执行操作
console.log(newVal,oldVal)
}
},
methods:{}
}
GitHub 加速计划 / vu / vue
207.55 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献5条内容
所有评论(0)