VUE.js全局变量的定义

素颜马尾好姑娘i 2023-06-02 05:29 4阅读 0赞

模块化之后，想用js全局变量，遇到点困难。搜索资料后搞定，大概2个步骤：

1、定义一个vue模块，const定义变量，并用export对外暴露.

Globle.vue

2、在用到全局变量的模块，import后再使用

test.vue

import global_ from 'components/common/Global.vue'
    console.log(global_.SERVER_BASE_URL)

------------------------------2018/12/27 定义component.js并在main.js中引用----------------------------

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;
            },
    
            getCookie: function (cname) {
                let name = cname + "=";
                let ca = document.cookie.split(';');
                for (let i = 0; i < ca.length; i++) {
                    let c = ca[i].trim();
                    if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
                }
                return "";
            },
    
            setCookie: function (cname, cvalue, exdays) {
                let d = new Date();
                d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
                let expires = "expires=" + d.toGMTString();
                document.cookie = cname + "=" + cvalue + "; " + expires;
            }
        }
    })
    
    export default MyComm;

2. main.js中引用

import MyComm from "./components/common/comm";
    
    const role = MyComm.getCookie('ms_username')

转载于:https://www.cnblogs.com/dannyyao/p/8194658.html