Vue3 watch 的使用,如何监听一个对象中的属性值的变化 vue3 + ts + vite
2024-01-02 18:34:48
Vue3 watch 的使用,如何监听一个对象中的属性值的变化
由 vue2 转到 vue3 + ts + vite 之后都不会写这些玩意了。搜了下,找到了答案:
vue2 的 watch
export default {
watch: {
'$route.query.id'(newValue){
// 可以这样监听路由的变化
},
'formUser.address'(){
// 可以这样监听一个对象内的属性的变化
}
}
}
vue3 + ts + vite 的 watch
vue3 的 watch 改成了,监听的对象是 ref() 值,或者一个返回实际值的 方法
<script lang="ts" setup>
const formUser = ref({
address: '一个地方',
age: 34
})
watch(formUser, newValue => {
// 监听 formUser 的变化
})
watch(()=> formUser.value.address, newValue => {
// 监听 formUser.adress 值的变化
})
</script>
文章来源:https://blog.csdn.net/KimBing/article/details/135345252
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!