Vue3中单向数据流的应用场景 官网
单向数据流在很多场景都有用。比如列表展示,父组件有数据列表,传递给子组件展示。 // 父组件代码示例const app = createApp({ data() { return { list: [1, 2, 3] }; }, template: ` `});// 运行结果:父组件将list数据传递给列表子组件 还有表单输入场景,父组件传递初始值给子组件的表单。 // 子组件代码示例const ListComponent = { props: ['itemList'], template: ` {{ item }} `};// 运行结果:子组件展示接收到的列表数据 特别提示:使用单向数据流时,要确保数据修改逻辑在合适的组件中处理。