注册全局组件

最新推荐文章于 2024-06-28 14:59:42 发布

Ren HighLight

最新推荐文章于 2024-06-28 14:59:42 发布

阅读量121

点赞数

分类专栏：注册全局组件文章标签： vue

本文链接：https://blog.csdn.net/RenGaoGuang/article/details/119803158

版权

1 篇文章 0 订阅

订阅专栏

本文详细介绍了如何通过传统方式在main.js中直接注册全局组件，以及使用Vue.use的两种方法进行组件统一管理和安装。步骤包括导入组件、创建安装函数并导出，以及在main.js中进行Vue.use的配置和使用实例。

摘要由CSDN通过智能技术生成

如何注册全局组件?

1.在 main.js 里面直接全局注册

import 组件名 from '路径'

Vue.component('名字', 组件名)

1.提供统一注册的入口文件

import 组件名 from '路径'

export default {
  install(Vue) {
    
    Vue.component('名字', 组件名)
  }
}

2.在 main.js 里面注册

import 自定义名字 from '引入第一步新建的文件路径'

Vue.use(自定义名字)

3.直接使用就好了

代码:
在这里插入图片描述

关注

专栏目录