在vue中组件不使用v-model实现数据的双向绑定

v-model相当于是value属性和input事件的语法糖，一般都是父子组件进行的。可以将一些模块封装成组件：比如说input这样有利于使用。
在父组件中的代码：在父组件中v-model直接对子组件中的值进行绑定

<two v-model="value"></two>
<div>{{ value }}</div>
import two from './two'//input组件
 data(){
    return{
      value:""
    }
  },

在子组件中：

<template>
    <div>
  <input type="text" :value="value"
 @input="$emit('input',$event.target.value)"" >
    </div>
</template>
<script>
export default {
    name:"two",
    props:{
        value:{
            type:String,
            default:"moren"
        }
    },
}
</script>
<style lang="scss">
</style>

当然value和input不能随便改变