//父組件代碼   渲染子組件
<Son  :name="name" />

 // 子組件代碼，接受父參數(shù)
export default {
  props: {
    name:{
                type:String,
                default:"我是默認(rèn)字符串"http://定義參數(shù)默認(rèn)值
                required:false//定義參數(shù)是否必須值
            }
  }
}

// 父組件代碼，渲染子組件
<Son   @setValue="valueFn" />
export default{
  method:{
    valueFn(value) {}
  }
}
// 子組件代碼
this.$emit('setValue', this.say)

//父組件
<Home ref="home"></Home>
methods:{
  toValue(val){
          this.msg = val
   }
}
//子組件
<div class="home">
<button @click="setMsg">點(diǎn)擊</button>
 </div>
    methods:{
        setMsg(val){
             this.$parent.toValue(this.msg);
        }
    }

// 傳輸方組件調(diào)用方式
import Bus from '@/EventBus.js'
Bus.$emit('pass-value', this.say);
// 接收方接受參數(shù)
import Bus from '@/EventBus.js'
created() {
  Bus.$on('pass-value', val => {
     this.sibilingValue = val;
  })
}

    //爺組件
    <div id="app">
      <Home :msg="msg"></Home>
    </div>
    //父組件(父組件的操作最簡(jiǎn)單，但不做就會(huì)傳不過去)
    <div class="home">
      <Sun v-bind="$attrs"></Sun>
    </div>
    //孫組件
    <div class="sun">
      {{ msg }}
    </div>
    //props直接接受 
    props:{ msg:String, }

    //爺組件
    <div id="app">
      <Home @setVal="setVal">></Home>
    </div>
    methods:{ setVal(val){ this.msg = val; } }
    //父組件(父組件的操作最簡(jiǎn)單，但不做就會(huì)傳不過去)
    <div class="home">
      <Sun v-on="$listeners"></Sun>
    </div>
    //孫組件
    <div class="sun">
      <button @click="toVal">點(diǎn)我</button>
    </div>
    methods:{ toVal(){ this.$emit("setVal",this.msg) } }

// 注冊(cè)代碼
const store = new Vue.Store({
  state:{
    count: 100
  },
  mutations: {
    addCount(state, val = 1) {
      state.count += val;
    }，
    subCount(state, val = 1) {
      state.count -= val;
    }
  }
})

// 組件調(diào)用
this.$store.commit('addCount');  // 加 1
this.$store.commit('subCount');  // 減 1