如何在组件中使用全局常量

第一步,在 src 下新建 const 文件夹下 新建 const.js

.
├── src
│   ├── const
│   │    ├── const.js
│   │
│   └── main.js
└── ...

第二步,如何在 const.js 文件下,设置常量

export default {

    install(Vue,options){

        Vue.prototype.global = {
            title:‘全局‘,
            isBack: true,
            isAdd:  false,
        };

    }

 }

第三步,在 main.js 下全局引入:

//引入全局常量
import constant from ‘./const/const.js‘
Vue.use(constant);

第四步,即可在 .vue 组件中使用:

//通过js方式使用:
this.global.title
//或在 html 结构中使用
{{global.title}}

问题二:在 JS 中使用全局常量

第一步,在 src 下新建 const 文件夹下 新建 type.js

.
├── src
│   ├── const
│   │    ├── type.js
│   │
│   └── main.js
└── ...

第二步,在 type.js 文件下,设置常量

export const TEST_INCREMENT=‘TEST_INCREMENT‘
export const TEST_DEREMENT=‘TEST_DEREMENT‘

第三步,在其他 .js 文件下引入并使用:

//以对象的形式引入:
import * as types from ‘../types‘
//使用:
types.TEST_INCREMENT

原文地址:https://www.cnblogs.com/kzxiaotan/p/11676766.html

时间: 2024-10-11 20:53:31

如何在组件中使用全局常量的相关文章

项目中填写全局常量

项目中用到了全局常量,简单记录一下: 然后,吧查出来的变量放到全局变量中即可

在Vue组件中获取全局的点击事件

// 定义全局点击函数 Vue.prototype.globalClick = function (callback) { document.getElementById('main').onclick = function () { callback(); }; }; mounted: function () { this.globalClick(this.moreSetupMenuRemove); } // 移除操作 moreSetupMenuRemove () { this.$refs.m

通过Web.config中的configSections配置自己系统的全局常量

随着系统的庞大,你的全局信息保存在appsitting里可能会比较乱,不如为模块写个自定义的全局常量吧 首先在Web.Config文件中的代码可能是这样:<configuration> <configSections> <section name="MyConfig" type="My.Core.Configuration.MyConfig, My.Core" requirePermission="false" /&

vue中的全局组件和局部组件的应用

1全局组件 vue框架: https://www.vue-js.com/?tab=all 组件树 solt 内置分发组件 应用见局部组件 2局部组件 2.1局部组件的使用:生子 - 挂子 - 用子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> &l

vue02----什么是组件、组件创建、全局组件、局部组件、组件嵌套、组件传值、为什么组件中的data不是一个对象而是一个函数

### 什么是组件? 将代码进行复用 组件是实例的拓展子类 组件继承自实例,实例有的组件大部分都有,稍有变异 ### 组件创建 创建组件模板的2种方式: 1.通过template标签     template:"#tpl" 2.通过字符串模板   template:"<h1>吴启浪</h1>" ### 全局组件 所有的实例都可以使用 Vue.component("wql",{ template:"<h1&g

高并发分布式系统中生成全局唯一Id汇总

高并发分布式系统中生成全局唯一Id汇总 (转自:http://www.cnblogs.com/baiwa/p/5318432.html) 数据在分片时,典型的是分库分表,就有一个全局ID生成的问题.单纯的生成全局ID并不是什么难题,但是生成的ID通常要满足分片的一些要求:   1 不能有单点故障.   2 以时间为序,或者ID里包含时间.这样一是可以少一个索引,二是冷热数据容易分离.   3 可以控制ShardingId.比如某一个用户的文章要放在同一个分片内,这样查询效率高,修改也容易.   

php中const定义常量

const 常量 1.在定义时必须被初始值,2.前面不加任何修饰符3.变量名字母一般都大写4.常量可以被子类继承5.一个常量是属于一个类的,而不是某个对象的 作用:当某些值是固定不变的,就用const 1.const 定义的常量和define()定义的常量的区别? 希望一个成员变量不被修改 例如圆周率 3.1415926定义:const 常量名=值; 没有$符访问:类名 ::常量名 或 接口名::常量名 <?php defined('TEXT');检查一个名称的常量是否存在 class A{ c

Java中几种常量池的区分

转载自:https://tangxman.github.io/2015/07/27/the-difference-of-java-string-pool/ 在java的内存分配中,经常听到很多关于常量池的描述,我开始看的时候也是看的很模糊,网上五花八门的说法简直太多了,最后查阅各种资料,终于算是差不多理清了,很多网上说法都有问题,笔者尝试着来区分一下这几个概念. 1.全局字符串池(string pool也有叫做string literal pool) 全局字符串池里的内容是在类加载完成,经过验证

Java中的String常量和String.intern的实现

在java中有constantPool常量池,常量池里对类,方法,接口的常量,而对于存放字符串常量通常存放的符号链接Symbol 或者真实的String的对象的引用. 我们来看一段简单的代码和反编译字节码 public class test { public static void main(String[] args) { String test = "test"; } } Constant pool: #1 = Class #2 // test #2 = Utf8 test #3