NUXT如何注册公共组件

Nuxt可以通过注册公共组件，从而让你在页面或者组件中可以直接使用这个公共组件而不需要import这个组件进来。

那怎么注册公共组件，通过plugins属性配置。

plugins属性可以让你轻易的为Nuxt配置使用Vue的插件。这里我们为项目配置一个vue-notifications组件，具体步骤如下：

配置nuxt.config.js

module.exports = { plugins: ['~plugins/vue-notifications'] }

• 也可以改成：module.exports = { plugins: [{src: '~plugins/vue-notifications', ssr: false}] }
• src: String (文件的路径)
• ssr: Boolean (默认为 true) 如果值为 false，该文件只会在客户端被打包引入。

然后, 我们需要创建 plugins/vue-notifications.js 文件：

import Vue from 'vue'

import VueNotifications from 'vue-notifications'

Vue.use(VueNotifications)