Nuxt实现定义全局变量及使用步骤详解

nuxt定义全局变量,实现整站进行调用。

步骤如下:

1、在plugins文件夹中新建一个文件,如test.js

import Vue from 'vue'
const global = { toke:'' }
Vue.prototype.GLOBAL = global

2、在nuxt.config.js中配置定义的该js

plugins: [
{ src: '~/plugins/test.js', ssr: false }
],

3、页面中使用

this.GLOBAL.token

从上面步骤中可以看出,其实全局变量的使用和插件的使用非常类似,只是相对的少插件的安装流程。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!