Vue.use()和Vue.compoent()

141 阅读1分钟

Vue.use()和Vue.compoent()

组件

组件概念
将实现页面某一部分功能的结构、样式和逻辑,封装成为一个整体,简单来说是构建App的业务模块,目标App.vue

组件优势

  • 降低系统耦合
  • 调试方便,因为组件间低耦合,职责单一
  • 提高可维护性

插件

插件概念
插件通常用来为Vue添加全局功能,简单来说,插件是对Vue功能的增强和补充,目标Vue

  • 添加全局方法或者属性。如: vue-custom-element
  • 添加全局资源:指令/过滤器/过渡等。如 vue-touch
  • 通过全局混入来添加一些组件选项。如vue-router
  • 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。
  • 一个库,提供自己的 API,同时提供上面提到的一个或多个功能。如vue-router

Vue.use和Vue.compoent的区别

Vue.use(): 注册插件
Vue.component(): 注册组件

Vue.component()

①main.js引入组件 ②Vue.component('起的组件名',引的组件名) 起的组件名全局直接用

image.png

Vue.use()

当我们Vue.use()时候Vue会去调用install方法,并传入Vue这个参数 下面这个也算是批量全局引入

image.png