# 组件库开发流程
// 引入组件库方式
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
# 组件
- 父子组件初始创建流程
- 父 beforeCreate
- 父 created
- 父 beforeMount
- 子 beforeCreate
- 子 created
- 子 beforeMount
- 子 mounted
- 父 mounted
- 父子组件数据更新钩子函数执行顺序(父组件给子组件传递数据,父组件更新数据)
- 父 beforeUpdate
- 子 beforeUpdate
- 子 updated
- 父 updated
- 钩子函数:errorCaptured 捕获子组件代码执行过程中抛出的异常,模板渲染报错不能捕获