6.26 Vue查漏补缺
1.v-model和:model
v-model是vue.js中内置的双向数据绑定指令,只能对表单(如input生效)
:model是v-bind:model的缩写,只能将父组件的数据传递到子组件,没有实现双向绑定(引用类型除外)
2.父子组件通信
父->子:
父组件-动态绑定要传递的数据<child msg="...">
子组件-使用props选项接收父组件的数据 props:["msg"]
子->父:
子组件-emit("message", msg)
父组件- v-on监听事件 @message="function"</child>
3.data为什么是一个函数?
因为一个组件可能会被多次引用,要保证多个组件的data互不影响,因此要用function返回的方式