vuejs中的监视器对属性值不起作用

在Vue.js中，监视器是一种用于监控特定数据变化的功能。通过监视器，我们可以在数据发生改变时执行相应的操作。然而，监视器只能对于已经存在于Vue实例中的属性进行监测，对于新增加的属性则不起作用。

Vue.js中的监视器有两种形式：计算属性（Computed）和侦听器（Watcher）。

1. 计算属性（Computed）： 计算属性是Vue.js中一种非常常用的属性。它基于依赖的数据，当依赖的数据发生变化时，计算属性会重新计算并返回一个新的值。计算属性的优势在于它们会缓存计算结果，只有当依赖的数据发生变化时才会重新计算。这样可以避免重复计算，提高性能。

计算属性的应用场景包括但不限于：对数据进行格式化、过滤和排序等操作。

示例代码：

new Vue({
  data: {
    message: 'Hello World!'
  },
  computed: {
    reversedMessage: function () {
      return this.message.split('').reverse().join('');
    }
  }
})

推荐的腾讯云相关产品：腾讯云云服务器（CVM） 腾讯云云服务器（CVM）是一种灵活易用的云计算产品，提供稳定可靠的云端计算能力，适用于各类场景和业务需求。

产品介绍链接地址：腾讯云云服务器

1. 侦听器（Watcher）： 侦听器是Vue.js中另一种监视数据变化的方式。通过侦听器，我们可以手动监听数据的变化，并在数据发生变化时执行自定义的操作。与计算属性不同，侦听器适用于对数据的变化做出更为复杂的响应。

侦听器的应用场景包括但不限于：监听数据变化后执行异步操作、与服务器进行通信等。

示例代码：

new Vue({
  data: {
    message: 'Hello World!'
  },
  watch: {
    message: function (newVal, oldVal) {
      // 数据发生变化时的操作
      console.log('数据发生变化');
    }
  }
})

推荐的腾讯云相关产品：腾讯云云函数（SCF） 腾讯云云函数（SCF）是一种无需服务器即可运行代码的事件驱动型计算服务，提供弹性扩展、高性能和零管理等特性，适用于函数计算、消息推送、定时任务等场景。

产品介绍链接地址：腾讯云云函数