vue第三天

组件(Component)

-组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。组件也可以是原生 HTML 元素的形式，以 is 特性扩展。

-全局组件

vue.compontent("组件名"，配置) -> vue.compontent("组con-pcom"，{})

-局部组件

let Allcompont= {}

new Vue({
   compontents:{
     Allcompont：Allcompont  //当组件和组件名称相同：也可以直接Allcompont
   }
})

-data 必须是函数，返回一个对象

-在 Vue 中，父子组件的关系可以总结为props down, events up。

子组件要显式地用[props 选项](https://cn.vuejs.org/v2/api/#props)声明它期待获得的数据：

<colgroup><col style="width: 576px;"></colgroup>
Vue.component('child', {
// 声明 props
props: ['message'],
// 就像 data 一样，prop 可以用在模板内
// 同样也可以在 vm 实例中像“this.message”这样使用
template: '<span>{{ message }}</span>'
})

|

单向数据流prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来。这是为了防止子组件无意修改了父组件的状态

单向数据流，prop 是单向绑定的，当父组件的属性变化时，将传导给子组件，但是不会反过来，每次父组件更新时，子组件的所有prop 都会更新为最新值。这意味着你不应该在子组件内部改变 prop

子组件要传递数据到父组件，通过自定义事件