1. 首页
  2. 编程语言
  3. Javascript
  4. vue如何在自定义组件中使用v-model

vue如何在自定义组件中使用v-model

上传者: 2022-02-13 09:58:54上传 PDF文件 68.46 KB 热度 16次

所谓的“指令”其实就是扩展了HTML标签功能(属性)。先来一个组件,不用vue-model,正常父子通信点击回应后,父亲对儿子说的话变成了儿子的回应。儿子收到的信息也变了,实现通信。文案虽有不同,但是效果最终是一致的。看看官方自定义组件的v-model官方例子有这么一句话: 默认情况下,一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event。尝试把上边子组件的例子改一下,也是跑的通的如果你懒,不想自己去处理事件,那就用默认的 'value' && 'input' 事件去处理,如果用原生事件的,甚至连model属性也可以省去。如果你想自己的代码比较明确,区分出自定义事件,那么下面的组合才是你的菜。prop和event看你自己心情定义,当然要知名见意

用户评论