1回答

好帮手慕然然

2021-12-09

同学你好，本节课主要是讲解如何自定义v-model指令，首先，需要知道v-model 指令用于实现数据双向绑定，一般只可以在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定，不可以在其它自定义元素上使用。

所以本节课的目的，就是自定义v-model指令，也可以在其它自定义元素上使用。

其次，v-model 本质上不过是语法糖，其内部实现原理如下：

因此，自定义v-model指令是依据上面的原理来实现的，但是普通元素没有value属性以及input事件，所以vue给我们提供了props用于定义value，event用于定义事件，$emit来触发这个事件，如图

祝学习愉快！

0