nuxt入门教程（五）nuxt加载vuex和其他插件

加载vuex

nuxt加载vuex非常简单。甚至都无需我们去修改任何的配置文件，因为nuxt中已经自带了vuex：我们只需要再store文件夹中新建一个index.js输入下面的内容

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = () => new Vuex.Store({
  state: {
    counter: 0
  },
  mutations: {
    increment (state) {
      state.counter++
    }
  }
})
export default store

然后页面中调用就完事了。

<button @click="$store.commit('increment')">{{ $store.state.counter }}</button>

加载其他插件

其实其他插件的使用方法跟elementui的一样

假如我们想使用 vue-notifications 显示应用的通知信息，我们需要在程序运行前配置好这个插件。
首先增加文件 plugins/vue-notifications.js：

import Vue from 'vue'import VueNotifications from 'vue-notifications'
Vue.use(VueNotifications)

然后, 在 nuxt.config.js 内配置 plugins 如下：

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