vue注册局部组件与全局组件

772 阅读1分钟

局部组件

  1. 创建一个.vue文件如myComponent.vue 页面内容随意 如:
    在这里插入图片描述
  2. 在需要用到该组件的页面引入该组件

在这里插入图片描述

  1. 使用

在这里插入图片描述
命名规则详情见文档vue官方文档

全局组件

  1. 新建一个plugins文件夹
  2. 在文件夹中创建放置全局组件的文件myComponents.js
  3. 在myComponents.js文件中引入所有要注册的全局组件

在这里插入图片描述

  1. 在main.js文件中,引入myComponents.js
    在这里插入图片描述