面试题：组件封装

vue组件封装

• 组件(Component)是Vue.js最强大的功能之一
• 组件可以扩展HTML元素，封装可重用代码
• 组件是可复用的 Vue 实例

 

1. 组件创建：建立组件的模板，先把架子搭起来，写写样式，考虑项目组件的基本逻辑
2. 注册组件：通过component定义组件名称； 分为全局注册+局部注册：只能在注册该组件的实例中使用，一处注册，一处使用
3. 调用组件：在页面用import引入组件，把组件以标签的形式写出

 

 

 

 

数据传递（通信）

1，props传递数据(父组件 --> 子组件)

2，$emit传递方法(父组件 --> 子组件)

3，子组件抛出值（子组件 --> 父组件）

4，获取子组件的引用

5, slot插槽

 

Vue组件库大全

https://www.jianshu.com/p/8ca46a6c0d58