#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' 
  ],

这样就成功了

Logo

前往低代码交流专区

更多推荐