vue 标签属性使用监听属性

在 Vue 中，可以使用 `watch` 属性来监听标签属性的变化。具体来说，可以在组件的 `props` 属性中声明需要监听的属性，并在 `watch` 属性中监听这些属性的变化，实现对标签属性的监听。

下面是一个简单的示例代码：

<template>
  <div>
    <p>当前计数值：{{ count }}</p>
    <button @click="increment">增加计数</button>
  </div>
</template>

<script>
export default {
  props: {
    initialValue: {
      type: Number,
      required: true
    }
  },
  data() {
    return {
      count: this.initialValue
    }
  },
  watch: {
    initialValue(newVal) {
      this.count = newVal
    }
  },
  methods: {
    increment() {
      this.count++
    }
  }
}
</script>

在这个示例中，我们定义了一个名为 `initialValue` 的标签属性，并在组件的 `data` 中使用它初始化计数器 `count` 的值。同时，在组件的 `watch` 中监听 `initialValue` 属性的变化，并在变化时更新计数器的值。这样，当外部传入的 `initialValue` 属性发生变化时，计数器的值也会随之更新。