NUXT如何注册公共组件

Vue快速入门

Winter

2019-08-29

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

第125篇《NUXT如何注册公共组件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
Winter 2019.08.29

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)

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android