00自定义事件
我们知道,父组件是使用props传递数据给子组件,但如果子组件要把数据传递回去,应该怎样做? —— 自定义事件
<!-- 自定义事件也可以用来创建自定义的表单输入组件, 使用 v-model 来进行数据双向绑定。 牢记,表单空间进行数据绑定时的语法
-->
<input v-model="something" /> <!-- 仅仅是一个语法糖: --> <input v-bind:value="something"
v-on:input="somthing = $event.target.value" /> <!-- 所以在组件中使用时,它相当于下面的简写: --> <input v-bind:value="something" v-on:input="something = arguments[0]" />
所以,要让组件的v-model生效,它必须:
- 接受一个 value 属性
- 在有新的 value 时触发 input 事件
