Vue.js 中 watch 的作用
在 Vue.js 中,watch 是一个内置的响应式特性,允许您监视响应式数据属性的变化并做出响应。简而言之,watch 会在相关数据发生变化时执行指定的函数或回调。
如何使用 watch
要使用 watch,您可以在 Vue 实例中使用 watch
选项。该选项接受一个包含表达式或数组到回调函数映射的对象,如下所示:
<code class="javascript">export default { watch: { // 表达式:当表达式值发生变化时执行回调函数 \'$route.params.id\': (newValue, oldValue) => { // ... }, // 函数:当指定函数返回的新值与旧值不相等时执行回调函数 computedProp: (newValue, oldValue) => { // ... }, // 数组:监视数组中的每个项目的变动并执行回调函数 items: { handler: (newValue, oldValue) => { // ... }, // 可选的:允许在初始加载时触发回调函数 immediate: true } } }</code>