NUXT使用全局组件
#NUXT使用全局组件在使用nuxt的过程中,使用element-ui做了一个步骤条的小组件,希望在多个页面使用,想注册为全局组件,找了很多教程,终于实现了,记录一下。一:在components文件夹下写自己的组件,比如我的为StepCtrl.vue二:在plugins文件夹下建一个文件,我想做一个相当于一个全局组件注册器的插件,所以我起名为components-register.jsim...
·
#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'
],
这样就成功了
更多推荐
已为社区贡献1条内容
所有评论(0)