Vue props传值与v-model之争，是我的锅还是vue的锅？Avoid mutating a prop directly since the value will be ...

背景  ～·～

今天需要写个公共组件！结果厨师不理啊...

满汉全席先上 ^_^

// 这是爸爸
<template>
  <div>
    <SearchBox :searchData="searchData" @search="handleSearchData"></SearchBox>
    <NameList></NameList>
  </div>
</template>

<script>
  export default {
    name: "nameList",
    data () {
      return {
        searchData: '32',
      }
    },
    methods: {
      handleSearchData (val) {
        console.log('---',val)
      }
    }
  }
</script>

// 这是闺女
<template>
  <div>
    <div class="searchBox">
      <div class="middle">
        <van-search v-model="searchData" background="#FFFFFF" shape="round" placeholder="请输入搜索关键词"/>
      </div>
    </div>
  </div>
</template>

<script>
  export def