全局引入组件

src\pages\Home\TypeNav\index.vue

export default {
  name: "TypeNav",
};

src\main.js

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import TypeNav from "@/pages/Home/TypeNav";

Vue.config.productionTip = false;
// 第一个参数：全局组件的名字，第二个参数：哪一个组件
Vue.component(TypeNav.name, TypeNav)

new Vue({
  router,
  store,

  render: (h) => h(App),
}).$mount("#app");