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返回的方式