vue组件间传值


父传子

利用props传值,子组件中规定props数据类型,然后父组件使用子组件时需要绑定数据在子组件上:

父组件




子组件




子传父

利用$emit传值,父组件监听自定义事件,在子组件中通过触发该事件来传值:

子组件




父组件




vuex传值

vuex相当于一个公共仓库,保存着所有组件都能共用的数据,需要时可以直接使用,不需要考虑组件间是否有引用与被引用的父子关系,具体使用点击。