VUE初识【二】

vue全局引入组件Vue.use()与Vue.component()的用法与区别

main.js全局引入组件的两种方式

// 1. Vue.use()
import Alert from '@/components/alert/index.js'
Vue.use(Alert)

// 2. Vue.component()
import Alert from "@/components/alert/src/main.vue"
Vue.component('alert', Alert)

• ue.component()里面接收两个参数

  • 第一个参数是自定义元素名称，也就是将来在别的组件中使用这个组件的标签名称。
  • 第二个参数是将要注册的Vue组件。

• Vue.use函数内部会调用参数的install方法,并且将Vue实例传入过去

Vue.use 和Vue.component 全局引入组件之间的区别：

• Vue.component 只是单纯的引入组件、不需要额外写支持的js文件
• Vuew.use 除组件外，需要写额外的js实现install方法，但它不仅可以注入组件，还可以注入很多其他东西，比如全局实例属性等。

参考:

https://juejin.cn/post/7021495820130353165
http://www.zuo11.com/blog/2020/7/vue_global_comps.html