zoukankan      html  css  js  c++  java
  • VUE.js全局变量的定义

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

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

    Globle.vue

    <script>
    // 服务端url
        const SERVER_BASE_URL = 'http://10.199.xxx.x0:8081/'
        export default{
            SERVER_BASE_URL
        }
    </script>

    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')
  • 相关阅读:
    洛谷 PT2 First Step (ファーストステップ)
    Mask-D、绮梦与空谷幽兰
    僕らの手には何もないけど、
    魔都蹭课、观光、酱油记
    竞赛计划
    糖果
    点名
    数字对
    字符串哈希
    负环
  • 原文地址:https://www.cnblogs.com/dannyyao/p/8194658.html
Copyright © 2011-2022 走看看