# 组件库开发流程

// 引入组件库方式
import ElementUI from 'element-ui'
Vue.use(ElementUI);
// 开发自己的组件库
// 路径:./packages/index.js
import button from './button.vue';
button.install = function(_vue) { // Vue.use 会调用 install方法
    _vue.component('my-button', button);
}
export default button.install;

https://cli.vuejs.org/zh/guide/build-targets.html#%E5%BA%93

# 动态组件

<component :is="componentName"></component>

keep-alive

transition

# 组件

  1. 父子组件初始创建流程
    1. 父 beforeCreate
    2. 父 created
    3. 父 beforeMount
    4. 子 beforeCreate
    5. 子 created
    6. 子 beforeMount
    7. 子 mounted
    8. 父 mounted
  2. 父子组件数据更新钩子函数执行顺序(父组件给子组件传递数据,父组件更新数据)
    1. 父 beforeUpdate
    2. 子 beforeUpdate
    3. 子 updated
    4. 父 updated
  3. 钩子函数:errorCaptured 捕获子组件代码执行过程中抛出的异常,模板渲染报错不能捕获