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返回的方式
全部评论

相关推荐

10-15 16:27
门头沟学院 C++
LeoMoon:建议问一下是不是你给他付钱😅😅
点赞 评论 收藏
分享
11-18 16:08
福州大学 Java
影流之主:干10年不被裁,我就能拿别人一年的钱了,日子有盼头了
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务