使用v-model来进行双向数据绑定的时:
复制代码
仅仅是一个语法糖:
复制代码
所以在组件中使用的时候,相当于下面的简写:
复制代码
所以要组件的v-model生效,它必须:
- 接受一个 value 属性
- 在有新的value时触发input事件
需要实现效果:如果在一个页面中我们需要引入一个弹窗组件,点击按钮 a显示弹窗,然后点击弹窗的关闭按钮,关闭弹窗,用v-model实现。
复制代码
model.vue组件
复制代码showAlert 内容
本文共 332 字,大约阅读时间需要 1 分钟。
使用v-model来进行双向数据绑定的时:
复制代码
仅仅是一个语法糖:
复制代码
所以在组件中使用的时候,相当于下面的简写:
复制代码
所以要组件的v-model生效,它必须:
需要实现效果:如果在一个页面中我们需要引入一个弹窗组件,点击按钮 a显示弹窗,然后点击弹窗的关闭按钮,关闭弹窗,用v-model实现。
复制代码
model.vue组件
复制代码showAlert 内容
转载地址:http://qqrua.baihongyu.com/