vue2中监听props值
时间: 2023-11-04 12:11:54 浏览: 134
vue中使用props传值的方法
5星 · 资源好评率100%
在 Vue2 中,可以使用 `watch` 来监听 `props` 值的变化。具体做法如下:
```javascript
props: {
propA: {
type: String,
default: ''
}
},
watch: {
propA(newVal, oldVal) {
// 处理逻辑
}
}
```
其中,`props` 定义了一个名为 `propA` 的属性,类型为 `String`,默认值为空字符串。`watch` 中监听了 `propA` 的变化,并在回调函数中处理新旧值。
另外,如果需要在组件初始化时监听 `props` 值的变化,可以在 `created` 生命周期钩子中使用 `$watch`:
```javascript
props: {
propA: {
type: String,
default: ''
}
},
created() {
this.$watch('propA', (newVal, oldVal) => {
// 处理逻辑
})
}
```
这样,在组件初始化时就会监听 `propA` 的变化。
阅读全文