vue 子传父的一种新方法 this.$emit(‘input‘, value)

父组件：

<div class='app-container'>

  <Department v-model="valuelist" :valuelist="valuelist"></Department>

 </div>

import Department from './department'

data() {

    return { 

     valuelist:"wqwq"

    };

  },

子组件：

<template>

  <div>

    <el-input v-model="temvalue" placeholder="请输入内容"></el-input>

  </div>

</template>

<script>

export default {

  components: {

  },

  props: {

    valuelist: {

    },

  },

  data() {

    return {

      temvalue:this.valuelist

     };

  },

  watch: {

    temvalue(val){

      this.$emit('input',val)

    },

    valuelist(val){

      this.temvalue=val

    }

  },

  created() {},

  mounted() {},

  methods: {},

};

</script>

<style lang="scss" scoped>

</style>