zoukankan      html  css  js  c++  java
  • 如何在组件中使用全局常量

    第一步,在 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
  • 相关阅读:
    七种常见的回归分析—转载
    Python模块之 __future__ 转载
    Java 快速排序
    在给定范围内产生指定个数不重复的随机数
    Java 冒泡排序
    jquery文本框效果
    jquery复选框
    struts2下的Ajax
    java线程系列---Runnable和Thread的区别
    System.getProperty("user.dir")
  • 原文地址:https://www.cnblogs.com/restart77/p/13377212.html
Copyright © 2011-2022 走看看