面试题:组件封装

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

原文地址:https://www.cnblogs.com/jane-panyiyun/p/13033143.html