全局注册组件uniapp

有两种方法可以注册为全局组件

第一种是 easycom组件模式

官方描述：https://uniapp.dcloud.io/collocation/pages?id=easycom

 1. 将组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。可以不用引用、注册，直接在页面中使用。 

 2. pages.json中要设置autoscan为true
 

{
    "pages": [
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "uni-app"
            }
        }
    ],
    "globalStyle": {
        "autoscan":true
    }

 3. 然后就可以直接在页面中使用了

第二种就是传统的 安装、引用、注册，三个步骤

 1. 新建 .vue 文件，可以放在自定义文件夹下，我这里新建了一个global.vue

 2. 在 main.js 中 引用、注册

import global from "@/components/global.vue"
 
Vue.component('global', global)

<template>
    <view class="content">
        <global></global>
    </view>
</template>