在 Vue 中，父组件传递给子组件的 prop 值发生改变时，子组件并不会立即更新。这是因为 Vue 的响应式系统在检测到 prop 改变时，并不会立即将变化传递给子组件，而是等待下一个更新周期。这种
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。
项目地址：https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
如果你希望在父组件的 prop 值发生改变后立即更新子组件，可以考虑以下几种方法：
1.Watch 监听：在子组件中使用 watch 监听父组件传递的 prop 变化，并在变化时执行相应的操作。
const props = defineProps({
code: {
type: String,
required: true,
},
});
watch(
() => props.code,
(newValue, oldValue) => {
// 这里可以执行其他操作
init(newValue);
}
);
2.使用计算属性：将 prop 直接作为计算属性返回，Vue 会自动追踪其变化。
import { defineComponent } from 'vue';
export default defineComponent({
props: {
propValue: {
type: String,
required: true,
},
},
setup(props) {
return {
localValue: props.propValue,
};
},
});
GitHub 加速计划 / vu / vue
80
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支：4 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 6 个月前
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
2
0- 0
已为社区贡献14条内容
所有评论(0)