vue_cli全局变量使用

一.定义不变的vue全局变量

一般我们都会定义一些常量，比如基础的访问域名，静态资源版本号。
可以将该常量绑定到vue的全局属性上即可：

1.函数

Vue.prototype.baseUrl = function () {return 'http://csdn.net';};2.变量
Vue.prototype.getTitle = {title:'',isBack: true,isAdd:  false,};

添加方法（在vue-cli中使用）：

1直接将上面任一个改代码放入 ''src/main.js" 中，即可定义全部变量。

2类似这种配置，可以单独起一个配置文件，

（1）可以在项目的src 目录里面新建一个 lib目录。lib目录里创建一个 config目录，然后在config目录里新建一个config.js文件.

（2）然后在config.js文件里写上

export default {install(Vue,options){Vue.prototype.baseUrl = function () {return '111';};Vue.prototype.getTitle = {title:'',isBack: true,isAdd:  false,};Vue.prototype.showFootTab = {isShow:false,active:0,}}
}

（3）最后还要在vue-cli里面引用

       在 根目录下的 main.js中 添加下面两行代码即可import config from './lib/config/config.js'Vue.use(config);

以上就可以定义全局变量了。

2使用方法

（1）直接在模版中调用

<template><div>{{getTitle.title}}</div>
</template>

（2）js代码中使用

this.getTitle

作者：just_for_your_smile
来源：CSDN
原文：https://blog.csdn.net/just_for_your_smile/article/details/78815783
版权声明：本文为博主原创文章，转载请附上博文链接！

vue_cli全局变量使用相关推荐

什么是vue_cli(转载)
版权声明:本文为CSDN博主「知其黑.受其白」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明. 原文链接:https://blog.csdn.net/weiguang ...
Linux shell 学习笔记（4）— linux 环境变量（全局变量、局部变量及变量持久化）
1. 环境变量概念及分类 bash shell 用一个叫作环境变量(environment variable)的特性来存储有关 shell 会话和工作环境的信息(这也是它们被称作环境变量的原因).这项 ...
java局部变量全局变量,实例变量的理解
java局部变量全局变量,实例变量的理解局部变量可以理解为写在方法中的变量. public class Variable {//类变量static String name = "小明&q ...
python的局部变量与全局变量
局部变量: 只在函数内部定义并使用的变量,只在定义的函数内部使用有效, def function_a():a = 1def function_b(): a =1 只能在函数function_a 中使用 ...
Java：全局变量（成员变量）与局部变量
分类细则: 变量按作用范围划分分为全局变量(成员变量)和局部变量成员变量按调用方式划分分为实例属性与类属性 (有关实例属性与类属性的介绍见另一博文https://blog.csdn.net/Drag ...
C++ 笔记（06）— 变量作用域（局部变量、全局变量、静态局部变量）
作用域是程序的一个区域,一般来说有三个地方可以定义变量: 在函数或一个代码块内部声明的变量,称为局部变量: 在函数参数的定义中声明的变量,称为形式参数: 在所有函数外部声明的变量,称为全局变量: 1. ...
在PHP中使用全局变量的几种方法
简介即使开发一个新的大型PHP程序,你也不可避免的要使用到全局数据,因为有些数据是需要用到你的代码的不同部分的.一些常见的全局数据有:程序设定类.数据库连接类.用户资料等等.有很多方法能够使这些数据 ...
链接全局变量再说BSS段的清理
废话就不多说了,开始... 再说BSS段的清算以前遇到一个裸机程序不能改变全局变量值的问题,最后模模糊糊处理了:手动添加了一个链接脚本,清算了BSS段.问题得以处理,就认定是BSS段清算的问题,全局 ...
php 魔术变量和超级全局变量,PHP超级全局变量与魔术变量
PHP在设计的时候已经预定义了9个超级全局变量.8个魔术变量和13魔术函数,这些变量和函数可以在脚本的任何地方不用声明就可以使用. 在PHP开发时会频繁的使用这些变量,这些变量可以方便的帮我们解决很多 ...

vue_cli全局变量使用

this.getTitle

vue_cli全局变量使用相关推荐

最新文章

热门文章