NUXT使用全局组件

关注

原创最新推荐文章于 2026-09-07 14:35:11 发布 4.4k 阅读 AI 写同款· GEO 优化 ›

Nuxt3 全局变量接口前缀全局配置，全局方法，全局状态管理在根目录下新建composables文件夹，该文件夹下的文件会被nuxt3自动导入全局，在该文件夹下新建一个ts文件，例如我创建了一个state.ts文件。1.像api前缀这类的全局变量一般配置在nuxt.config.ts文件中。可以在public下定义全局变量，且public 下的变量可以在客户端和服务端使用。在其他任意vue或者js、ts文件中，可通过以下方式获取变量。阅读详情

#NUXT使用全局组件
在使用nuxt的过程中，使用element-ui做了一个步骤条的小组件，希望在多个页面使用，想注册为全局组件，找了很多教程，终于实现了，记录一下。
一：在components文件夹下写自己的组件，比如我的为StepCtrl.vue
二：在plugins文件夹下建一个文件，我想做一个相当于一个全局组件注册器的插件，所以我起名为components-register.js

import Vue from 'vue'
import StepCtrl from '@/components/StepCtrl.vue'

Vue.component('StepCtrl',StepCtrl)

三：在根目录的nuxt.config.js中，找到plugins:将注册器引入：

  plugins: [
    '@/plugins/element-ui',
    '@/plugins/i18n',
    //注册器引入
    '@/plugins/components-register' 
  ],

这样就成功了

收录于

Nuxt

深入理解 Nuxt.js 中的 app:created 钩子钩子是在 Vue 应用实例创建时触发的，意味着你可以在应用真正开始渲染之前执行一些逻辑。它是 Nuxt.js 的插件系统的一部分，允许你在启动应用时执行初始化代码。钩子的用途以及如何在 Nuxt.js 应用中使用它。这个钩子为你提供了一个强大的入口点来初始化全局配置、注册组件以及执行其他启动任务。阅读详情

NUXT使用全局组件

相关推荐