小生愛

       
            ** 父组件

            <template>
              <div>
                <!-- parentIncrement : 接收子组件$emit触发的事件名称 -->
                <Search v-on:parentIncrement="incrementTotal"></Search>
              </div>
            </template>

            <script>
                import Search from './search.vue'

                export default {
                  methods: {
                    // 子组件 触发 parentIncrement 
                    // 然后父组件触发 incrementTotal
                    incrementTotal (arg) {
                      console.log(arg)
                    }
                  },
                  components: {
                    Search
                  }
                }
            </script>
            
            

            ** 子组件

            <template>
              <div @click="increment('小花')">点我触发父组件的parentIncrement事件</div>
            </template>

            <script>
                export default {
                  methods: {
                    increment (arg) {
                      // $emit('父组件事件名', 参数)
                      this.$emit('parentIncrement', arg)
                    }
                  }
                }
            </script>