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')
  • 相关阅读:
    fastjson反序列化漏洞研究(上)
    csv注入复现代码
    day24-python之面向对象
    day23-python之日志 re模块
    day22-python之模块
    day21-python模块
    day20-python之装饰器
    day18-python之迭代器和生成器
    day17-python之文件操作
    day16-python之函数式编程匿名函数
  • 原文地址:https://www.cnblogs.com/dannyyao/p/8194658.html
Copyright © 2011-2022 走看看