nuxt.js 注册全局组件


plugins 属性配置

src: String (文件的路径)
ssr: Boolean (默认为 true) 如果值为 false,该文件只会在客户端被打包引入。

根目录找到 nuxt.config.js 文件

1 module.exports = {
2   plugins: [
3       '~/plugins/header.js',
4       { src: '~/plugins/vue-awesome-swipe.js', ssr: false },      
5   ]
6 }

然后, 我们需要在plugins目录下创建 header.js 文件:

1 import Vue from 'vue'
2 import Header from '@/components/Header.vue'
3 
4 Vue.component('my-header',Header)

这里需要注意的是 用使用 @ 编写路径 我自己使用 ~ 路径有问题


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM