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)

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

posted @ 2019-10-15 16:38  有梦想的切图仔  阅读(5211)  评论(0编辑  收藏  举报