创建文件'g-no-data', 目录是src/components-global/g-no-data

一: 根据vue的方法配置

打开src/main.js文件, 按照如下配置

// vue3.2
import { createSSRApp } from "vue";

import GNoData from "@/components-global/g-no-data";// 1.引入组件

import App from "./App.vue";

export function createApp() {
  const app = createSSRApp(App);
  
  app.component("g-no-data", GNoData); // 2.调用app.component方法全局注册组件

  return {
    app,
  };
}

二: 根据uni-app的方法配置

打开src/pages.json文件, 按照如下配置

// uni-app3.0
{
  ...,
  "easycom": {
    "autoscan": true, // 1.开启自动扫描
    "custom": {
      // 2. 配置全局规则和路径
      "^g-(.*)": "@/components-global/g-$1/index.vue"
    }
  }
}

页面使用

<g-no-data />