<script>
import { defineComponent,ref ,computed,watch} from "vue";
export default defineComponent( {
name: "HelloWorld",
props: {
msg: String,
},
setup(){
const count = ref(0)
function clickHandler() {
console.log(count.value++,'handler')
}
// const comValue = computed(()=> {
// console.log(count.value ++,'computed')
// let value = count.value
// return value})
const comValue = computed(()=> count.value ++)
watch(comValue,()=>{
console.log('watch',comValue)
})
return {
count,clickHandler,comValue
}
}
});
</script>
vue3 监听computed属性
最新推荐文章于 2024-07-24 22:25:19 发布
这篇博客深入探讨了Vue.js中的响应式系统。通过`ref`、`computed`和`watch`等概念,展示了如何在Vue组件中创建和跟踪状态变化。文章详细解释了`setup`函数的使用,以及`computed`属性如何在值改变时自动更新,并触发相应的watcher回调。此外,还讨论了`clickHandler`函数如何影响和记录状态更新。
摘要由CSDN通过智能技术生成