Vue.js中 watch 监听的高级用法

原创

于 2021-09-14 10:37:33 发布 · 446 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #node.js

本文介绍了Vue.js中watch监听的高级特性，包括handler方法、immediate属性和deep属性。通过示例代码解释了如何在初始绑定时触发监听器、对象属性的深度监听及其性能影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.假设有如下代码：

<div id="root">
      <p>FullName: {
   
   {
   
   fullName}}</p>
      <p>FirstName: <input type="text" v-model="firstName"></p>
</div>
 
new Vue({
   
   
  el: '#root',
  data: {
   
   
    firstName: 'Dawei',
    lastName: 'Lou',
    fullName: ''
  },
  watch: {
   
   
    firstName(newName, oldName