6.26 Vue查漏补缺

1.v-model和:model

v-model是vue.js中内置的双向数据绑定指令,只能对表单(如input生效)
:model是v-bind:model的缩写,只能将父组件的数据传递到子组件,没有实现双向绑定(引用类型除外)

2.父子组件通信

父->子:
父组件-动态绑定要传递的数据<child msg="&#46;&#46;&#46;">
子组件-使用props选项接收父组件的数据 props:["msg"]
子->父:
子组件-emit("message", msg)
父组件- v-on监听事件 @message="function"</child>

3.data为什么是一个函数?

因为一个组件可能会被多次引用,要保证多个组件的data互不影响,因此要用function返回的方式
全部评论

相关推荐

joe2333:怀念以前大家拿华为当保底的日子
点赞 评论 收藏
分享
10-07 20:48
门头沟学院 Java
不敢追175女神:可能是实习上着班想到后面还要回学校给导师做牛马,看着身边都是21-25的年纪,突然emo了了
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务