NUXT如何注册公共组件

Winter · 08月29日

Nuxt可以通过注册公共组件,从而让项目中的页面或者组件直接使用注册的公共组件而不需要import它。

Vue快速入门
回答(1)
时间
W
Winter
1 · 2019-08-29 09:59:07

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)

你的回答

加载中...
⌘+Return 发表
发表

温馨提示:登录后可发表评论或回复

关闭,朕知道了

扫码关注微信公众号或小程序

如果你觉得对你有帮助的话,可以请我喝杯咖啡噢~