vue3之watchEffect(只能监听一次且页面运行就执行)
1.去watch的不同之处在于(watch可以监听多个)这个只监听一次页面出现的适合就监听<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><div id="app" ><input
·
1.去watch的不同之处在于(watch可以监听多个)
这个只监听一次
页面出现的适合就监听
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="app" >
<input type="text" name="" id="" v-model="brand"/>
<!-- 可以使用这样取值 -->
{{brand}}
{{site}}
</div>
</body>
<script src="js/vue3.js"></script>
<script>
const app=Vue.createApp({
setup(props,context){
const {ref,watchEffect,reactive,toRefs}=Vue;
let endObj=reactive({brand:'1',site:'111'});
// 只监听一个
watchEffect(()=>{
console.log("xxxx");
});
let {brand,site}=toRefs(endObj);
return{
brand,
site
}
}
});
app.mount("#app");
</script>
</html>
更多推荐
已为社区贡献5条内容
所有评论(0)