vue3使用watch进行数据监听：

张滚滚QAQ

于 2024-01-26 16:22:27 发布

阅读量135

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_38040571/article/details/135869255

版权

<template>
    <div>
        <button @click='changeName'>修改name</button>
    </div>
</template>
<script setup lang="ts">
import {watch} from 'vue'
const myName = ref<string>('张三')
// watch 数据监听
watch(myName, (newVal, oldVal) => {
  console.log(newVal)
  console.log(oldVal)
})
// 修改myname属性 注意控制台监听器的打印
const changeName = () => {
    myName.value = '李四'
}
</script>