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)
这里需要注意的是 用使用 @ 编写路径 我自己使用 ~ 路径有问题