zoukankan      html  css  js  c++  java
  • vue全局变量定义和修改

    1. 只读的全局变量

    对于只读的全局变量,知道的有以下两种使用方式:

    1)global.js 模块中定义;其他模块import后再使用即可

    1.1)定义

    import Vue from 'vue';
    
    let MyComm = new Vue({
        methods: {
            deleteCookie: function (cname) {
                let d = new Date();
                let expires = "expires=" + d.toGMTString();
                document.cookie = cname + "=; " + expires;
            }
    })
    
    export default MyComm;

    1.2)引用

    import MyComm from "./components/common/comm";
    MyComm.deleteCookie('ms_username')

    2)gobal.js 模块中定义,并绑定到 prototype,其他任何Vue实例可直接引用 this.$xxxx

    2.1)定义,绑定&引用

    
    
    import Vue from 'vue';
    
    let MyComm = new Vue({
        methods: {
            deleteCookie: function (cname) {
                let d = new Date();
                let expires = "expires=" + d.toGMTString();
                document.cookie = cname + "=; " + expires;
            }
    })
    
    export default MyComm;
    Vue.prototype.$MyComm = MyComm;
    //项目中任何地方都可如此引用 
    this.$MyComm.deleteCookie('ms_username')

    2.可读写的全局变量 

    如果想随时修改全局变量的值,有一种办法:main.js中data定义,其他地方通过 this.$root.{paramName} 来引用/修改

    2.1)main.js 中定义

    new Vue({
        router,
        data: function(){
            return {
                ORDERID: 'PLDxxxxxx0001',
            }
        },
        render: h => h(App)
    }).$mount('#app');

    2.2)引用

    // 修改
    this.$root.ORDERID = "xxxxx"
    // 引用
    let orderId = this.$root.ORDERID 
  • 相关阅读:
    简单了解Linux文件目录
    解决GitLab的Forbidden和Nginx启动失败
    浅谈apidoc的使用
    Linux安装apidoc
    DevExpress的GridControl的实时加载数据解决方案(取代分页)
    Devexpress使用经验1
    ajax下载文件
    var str = "1,21,".TrimEnd(',');
    MSSQ调优所需用的语句
    js中替换返回json中的空格为 
  • 原文地址:https://www.cnblogs.com/dannyyao/p/10190384.html
Copyright © 2011-2022 走看看