<template>
<h1>{
{userName }}</h1>
<input type="text" v-model="userName" />
</template>
<script>
export default {
name: "Watch",
data() {
return {
userName: "ll"
};
},
watch:{
userName(newVal,oldVal){
console.log(newVal,oldVal);
},
},
methods: {},
};
</script>
<style scoped>
</style>
2.刚一进页面就监听(immediate)
<template>
<h1>{
{userName }}</h1>
<input type="text" v-model="userName" />
</template>
<script>