vue组件间传值
父传子
利用props传值,子组件中规定props数据类型,然后父组件使用子组件时需要绑定数据在子组件上:
父组件
子组件
{{msg}}
子传父
利用$emit传值,父组件监听自定义事件,在子组件中通过触发该事件来传值:
子组件
父组件
vuex传值
vuex相当于一个公共仓库,保存着所有组件都能共用的数据,需要时可以直接使用,不需要考虑组件间是否有引用与被引用的父子关系,具体使用点击。