vue3 监听 props 变化
更新于
2023-09-04 09:55
439
在 Vue 3 中，可以使用 watch 函数来监听 props 的变化。下面是一个示例：
<template><div><h1>{{ message }}</h1></div></template><script>import { watch } from 'vue';export default {props: {propMessage: {type: String,required: true}},setup(props) {const message = ref(props.propMessage);watch(() => props.propMessage, (newVal) => {message.value = newVal;});return { message };}};</script>
在这个示例中，我们使用了 watch 函数来监听 props.propMessage 的变化。当 props.propMessage 的值发生变化时，我们将其赋值给一个名为 message 的响应式变量。此时组件中的 {{ message }} 也会随之更新。
