[vue] v-model等价于:value加@input???

v-mode   l等价于   :value  加   @input

//父组件
<template>
  <div id="app">
    <Son v-model="str" /> {{str}}
  </div>
</template>
<script>
import Son from "./components/son";
export default {
  name: "App",
  components: {
    Son
  },
  data() {
    return {
      str: "传到子组件的input里面去",
    };
  },
  methods: {},
};
</script

//子组件
<template>
  <input :value="name" @input="$emit('input', $event.target.value)" />
</template>
<script>
export default {
  props: ["name"],
};
</script>

* 注意点1    没有value属性依旧可以传到子组件内

* 注意点2    父组件内没有@input方法，修改input内容，依旧可以使用$emit触发，并且第二个参数自动绑定到value上面