VUE3.0 中使用watch
作者:
MaJiT | 来源:发表于
2021-02-12 17:30 被阅读0次<template>
<div class="home">
<div style="height: 100px;width: 400px;background-color: #42b983">
<div>{{userName}}</div>
<a-button @click="updateFormData">按钮</a-button>
</div>
</div>
</template>
<script>
import {reactive,toRefs,watch} from "vue"
export default {
name: "Home",
setup() {
const formData = reactive({
userName:'admin',
password:'123456'
})
const data = toRefs(formData);
const updateFormData = ()=>{
formData.userName = "superAadmin";
}
watch(formData,(newVal,oldVal)=>{
console.log(newVal+":==="+oldVal)
})
return {
...data,
updateFormData
}
}
};
</script>
本文标题:VUE3.0 中使用watch
本文链接:https://www.haomeiwen.com/subject/uclkxltx.html
网友评论