php的js定义全局变量,使用vue.js怎么定义全局变量

使用vue.js定义全局变量的方法：首先单独新建一个全局变量模块文件，模块中定义一些变量初始状态；然后在【main.js】中引入，并通过【Vue.prototype】挂载到vue实例上面。

本教程操作环境：windows7系统、Vue2.9.6版，DELL G3电脑。

【相关文章推荐：vue.js】

使用vue.js定义全局变量的方法：

原理：

1. 单独新建一个全局变量模块文件，模块中定义一些变量初始状态，用export default暴露出去。

2. 在main.js中引入，并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用；

3. 或者直接引入到需要的模块文件中使用；

步骤一、定义一个全局组件 Global.vue，里面只有

//接口地址

const BASE_URL = 'http://118.189.105.152:7181/qianzhang-transf/index/'; //定义全局接口地址

//请求头部

const reqHead = {

"transDate": "20180816",

"encryptFlag": "1",

"seqNo": "2018081628507127",

"serviceID": "loanLmtQryHXMKL",

"transTime": "174341",

"channelID": "netbank"

}

export default { //将常量暴露出去

BASE_URL,

reqHead,

}

步骤二、修改原型链// The Vue build version to load with the `import` command

// (runtime-only or standalone) has been set in webpack.base.conf with an alias.

import Vue from 'vue'

import App from './App'

import router from './router'

import fastclick from 'fastclick'

import global_ from './components/Global.vue' //引入全局组件

Vue.prototype.GLOBAL = global_; //修改原型

Vue.config.productionTip = false

/* eslint-disable no-new */

new Vue({

el: '#app',

router,

components: { App },

template: ''

})

步骤三、使用

在需要的vue页面直接使用 this.GLOBAL.BASE_URL，就可以获取到定义常量值相关免费学习推荐：javascript(视频)

php的js定义全局变量,使用vue.js怎么定义全局变量相关推荐

基于node.js的vue_基于Vue.js和Wilddog的可怕站点danmu项目
基于node.js的vue AweSiteChat (AweSiteChat) A Vue.js & Wilddog project 一个Vue.js和Wilddog项目现场演示 (live ...
遇见 vue.js --------阿文的vue.js学习笔记（8 —1）------- 列表渲染
** 新学习新征程,我们一起踏上学习 vue.js的新长征遇见 vue.js --------阿文的vue.js学习笔记(1)-----初识vue.js 遇见 vue.js --------阿文的v ...
遇见 vue.js --------阿文的vue.js学习笔记（4）------模板语法
** 新学习新征程,我们一起踏上学习 vue.js的新长征遇见 vue.js --------阿文的vue.js学习笔记(1)-----初识vue.js 遇见 vue.js --------阿文的v ...
js声明php变量,vue.js怎样声明变量
vue.js声明变量的方法:1.使用let定义,let是块级作用域,函数内部使用let定义后,对函数外部无影响:2.使用var定义,var定义的变量可以修改:3.使用const定义,const定义的变 ...
vue.js毕业设计，基于vue.js前后端分离教室预约系统（H5移动项目）开题报告
毕业论文基于Vue.js的教室预约系统(H5) 开题报告学院: 专业: 年级: 学生姓名: 指导教师: 黄菊华 XXXX大学本科生毕业论文(设计)开题报告书姓 ...
覆盖vue.js样式_使用Vue.js和Cloudinary在化身上覆盖眼镜/面罩
覆盖vue.js样式 Deep Learning, a subset of machine learning, helps break down tasks in ways that makes al ...
vue.js毕业设计，基于vue.js前后端分离订座预约系统设计与实现（H5移动项目）
功能介绍 [后台功能] 广告管理:设置小程序首页轮播图广告和链接留言列表:所有用户留言信息列表,支持删除会员列表:查看所有注册会员信息,支持删除录入资讯:录入资讯标题.内容等信息管理资讯:查看 ...
vue.js毕业设计，基于vue.js前后端分离订座预约系统（H5移动项目）开题报告
毕业论文基于Vue.js预约订座系统(H5) 开题报告学院: 专业: 年级: 学生姓名: 指导教师: 黄菊华 XXXX大学本科生毕业论文(设计)开题报告书姓 ...
vue.js毕业设计，基于vue.js前后端分离在线教育视频点播系统（H5移动项目）开题报告
毕业论文基于Vue.js视频点播系统(H5) 开题报告学院: 专业: 年级: 学生姓名: 指导教师: 黄菊华 XXXX大学本科生毕业论文(设计)开题报告书姓 ...

php的js定义全局变量,使用vue.js怎么定义全局变量

php的js定义全局变量,使用vue.js怎么定义全局变量相关推荐

最新文章

热门文章