组件的生命周期

组件

现在前端领域，对代码质量和数据非常高的要求，特别容易出问题
通过组件的方式来完成代码的管理编写
组件:是一个可以被反复使用的，带有指定的功能视图(View)

创建组件

(1)创建组件

Vue.component("组件名称",{组件内容,template:'<h3>模块</h3>'});

示例:
Vue.component("my-component",{
template:'<h3>模块</h3>'});

(2)组件的使用:组件的使用就像一个普通html标签一样

<my-component></my-component>

注意事项:
(1)组件的命名和使用建议使用烤串命名规则
(2)如果一个组件中渲染多个元素，将多个元素放到一个根标签，否则报错

组件的生命周期分为4个阶段

create/mount(挂载)/update/destroy

每个阶段都有对应处理函数
create:beforeCreate created(1) {创建:初始化操作}
mount:beforeMount mounted(1) {挂载DOM树}
update:beforeUpdate updated(n) {数据更新->操作或逻辑判断}
destroy:beforeDestroy destroyed(1) {清理工作}