Vue-组件

1.vue中组件怎么使用的

　　第一步，在模板中使用组件             组件名称首字母不区分大小写，字母小写 -分割

　　第二步，在脚本文件中，定义组件类 Vue.extend({}) 参数对象与new Vue相同 data computed methods watch等

　　　　　　功能相同但写法不同 

　　　　　　　　data是函数 返回值是绑定的数据 this指向组件实例(由于该方法执行完毕才能绑定数据，因此当前this无法访问模型数据)

　　　　　　　　template 定义模板 

　　　　　　　　　　　　方式1： 属性值是模板字符串(直接讲组件模板写在脚本中)

　　　　　　　　　　　　方法2：属性值是css选择器，将页面对应元素内容作为组件模板

　　第三步 注册组件

　　　　　　　　全局注册 Vue.component(name, Comp)

　　　　　　　　局部注册：component：{name: Comp}

　　动态组件 可以在脚本文件中定义多个组件类 ，通过component组件动态绑定:is来决定渲染哪个组件

2.组件通信

3.vue生命周期

　　创建期： beforeCreate 组件创建前，数据，事件没有初始化

　　　　　　created 组件创建后， 组件已经绑定数据，事件

　　　　　　beforeMount　　组件构建前 确定组件模板以及渲染的容器元素

　　　　　　Mounted　　组件构建后，组件上树

　　存在期　beforeUpdate　　组件更新前，数据改变，视图未变

　　　　　　updated 组件创建后 视图更新

　　销毁期　beforeDestroy 组件销毁前， 组件中数据还有监听器

　　　　　　destroyed 组件销毁后，组件的数据及监听器都被销毁

　　不想将组件销毁还有keep-alive组件 将组件缓存到内存中

　　　　　　　　activated 组件被激活，显示在页面上

　　　　　　　　deactivated组件被禁用，从页面删除