vue中,v-model封装组件的通用公式

175 阅读1分钟

一:什么是v-model?

v-model其实是vue提供给我们的语法糖。
1:vue2中:v-model做了三件事:a:绑定了一个value属性。b:监听了一个input事件。c:在事件触发时,自动把值赋给v-model绑定的属性。
2:vue3中:v-model做了三件事:a:绑定了一个modelValue属性。b:监听了一个updataModelValue事件。c:当触发事件的时候,自动把值赋给v-model后面绑定的属性。

二:通用公式!!!

父传子:a:子组件props接收数据,使接收的数据作为子组件的默认值。
b:watch监听props的变化,实时更新props的值。
子传父:emit('自定义的事件', 参数)