vue3中watch监听props参数
时间: 2023-11-16 16:54:34 浏览: 267
vue实现路由监听和参数监听
5星 · 资源好评率100%
在Vue3中,可以使用`watch`函数来监听`props`参数的变化。具体实现如下:
```javascript
import { watch } from 'vue';
export default {
props: {
propA: {
type: String,
default: ''
}
},
setup(props) {
watch(() => props.propA, (newVal, oldVal) => {
console.log(`propA changed from ${oldVal} to ${newVal}`);
});
}
}
```
在`watch`函数中,第一个参数是一个函数,返回需要监听的值,这里是`props.propA`。第二个参数是一个回调函数,当监听的值发生变化时会被调用。
阅读全文