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 {
                URL: 'http://localhost:8080',
            }
        },
        render: h => h(App)
    }).$mount('#app');

     

    2.2)引用

    // 修改
    this.$root.URL= "xxxxx" 

    // 引用
    let URL = this.$root.URL

  • 相关阅读:
    kali禁止自动挂载U盘(gnome)
    Kali开启远程桌面服务(gnome桌面环境)
    KVM安装Win7时USB3.0无法使用的坑
    Linux上VLAN的创建
    小程序 局部页面 自定义滚动条
    两个图层一上一下div view
    js 数组去重
    css > 的写法 html
    块级元素和行内元素
    小程序 css 文字溢出,长度过长用 。。。
  • 原文地址:https://www.cnblogs.com/weibanggang/p/11368615.html
Copyright © 2011-2022 走看看