Vue 中使用v-model 实现父子组件双向传值

Vue 中使用v-model 实现父子组件双向传值

父组件 v-model=“tabSoulected”
@getStationInfo=“getStationInfo”

<component id="qwer" v-model="tabSoulected" :is="whichComponent" :data="modalData" @getStationInfo="getStationInfo"></component>

子组件

<ul class="right-tab-title">
 <li
    v-for="(item, index) in tabTitleData"
    :key="index"
    :class="{ active: value == item }"
    @click="tabTitleClick(item)"
  >
    {{ item }}
  </li>
</ul>
props:{
  value: { // 必须要使用value
　　　　　default: '',
　　　}
 },

methods: {
    tabTitleClick(name){
        this.$emit('input',name)
        this.$emit('getStationInfo')
    }
},

每次都记不得，特此记录