标准组件交互机制 vs Vuex——如何结合它们?
Standard component interaction mechanisms vs Vuex - how to combine them?
这个问题可能更具理论性。
我对 Vue 没有什么经验,我正在努力找出我的知识空白并填补它们。
组件之间有标准的交互机制:
- 从上到下——输入参数(props)从父组件传递到子组件
- 从下到上 - 事件从子级抛给父级
另一方面,VUEX有自己的数据存储,粗略地说,它是一个全局变量对象,有一组使用它的方法。
来自此存储的数据随时可供任何组件使用。而且事实证明,使用 Vuex 似乎完全不需要组件的标准交互机制。
嗯,也许,事件的生成还是需要的,这样一个组件可以快速让另一个组件清楚完成的动作、事件等
问题是,Vuex 是否通常会覆盖标准组件交互?
如果不是,应该如何正确组合?
我会尽量回答你的问题。
Vuex 对于存储应用程序的一部分或全局所需的数据非常有用,例如用户数据。
如果你可以简单地使用 $emit 或 props 使用它,那么理解代码会更好和更简单,因为仅仅为“一个 prop”使用 store 就太过分了。
因此,您将在您的组件中使用 Vuex 来调用操作并获取/存储您在 children/parents 上下文之外的另一个视图中需要的一些数据。
不知道我解释的对不对哈哈,我试过了:)
这个问题可能更具理论性。 我对 Vue 没有什么经验,我正在努力找出我的知识空白并填补它们。
组件之间有标准的交互机制:
- 从上到下——输入参数(props)从父组件传递到子组件
- 从下到上 - 事件从子级抛给父级
另一方面,VUEX有自己的数据存储,粗略地说,它是一个全局变量对象,有一组使用它的方法。
来自此存储的数据随时可供任何组件使用。而且事实证明,使用 Vuex 似乎完全不需要组件的标准交互机制。 嗯,也许,事件的生成还是需要的,这样一个组件可以快速让另一个组件清楚完成的动作、事件等
问题是,Vuex 是否通常会覆盖标准组件交互? 如果不是,应该如何正确组合?
我会尽量回答你的问题。
Vuex 对于存储应用程序的一部分或全局所需的数据非常有用,例如用户数据。
如果你可以简单地使用 $emit 或 props 使用它,那么理解代码会更好和更简单,因为仅仅为“一个 prop”使用 store 就太过分了。
因此,您将在您的组件中使用 Vuex 来调用操作并获取/存储您在 children/parents 上下文之外的另一个视图中需要的一些数据。
不知道我解释的对不对哈哈,我试过了:)