vue组件之间传值方式 vue父子组件传值传参方法

https://www.cnblogs.com/lingdu87/p/9147555.html

vue组件之间传值方式解析
一.父组件传到子组件
  1.父组件parent代码如下：
  

  2.子组件son代码如下：
  

  3.效果图如下：

二.子组件向父组件传值
  通过绑定事件然后及$emit传值
  1.父组件parent代码如下
  

  2.子组件son代码如下：
  

  3.效果图如下：

三、通过Vuex状态管理传值
  1.通过npm加载vuex，创建store.js文件，然后在main.js中引入，store.js文件代码如下：
  import Vue from 'vue'
  import Vuex from 'vuex'
  Vue.use(Vuex);
  const state = {
    author:'Wise Wang'
  };
  const mutations = {
    newAuthor(state,msg){
      state.author = msg
    }
  }
  export default  new Vuex.Store({
    state,
    mutations
  })
  2.父组件parent代码如下：
  

  3.子组件son代码如下：
  

  4.效果图如下：