与Vue2中watch配置功能一致
1.监视ref定义的一个响应式数据
<template>
<h2>当前求和为:{
{sum}}</h2>
<button @click="sum++">点我+1</button>
</template>
<script>
import {ref,watch} from 'vue'
export default {
name: 'Demo',
setup(){
//数据
let sum = ref(0)
watch(sum,(newValue,oldValue)=>{
console.log('sum变了',newValue,oldValue)
},{immediate:true})
//返回一个对象
return {
sum,
}
}
}
</script>
2.监视多个ref定义的响应式数据
<template>
<h2>当前求和为:{
{sum}}</h2>
<button @click="sum++">点我+1</button>
<hr>
<h2>当前的信息为:{
{msg}}</h2>
<