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')
  • 相关阅读:
    python生成试题库和界面 (python generate test database and layout)
    python生成数据库(python generate database)
    Go语言基础之流程控制
    Go语言基础之运算符
    Go语言基础之变量和常量
    VS Code配置Go语言开发环境
    Linux安装教程|详细
    安装Go语言及搭建Go语言开发环境
    Go语言
    Django2.0路由匹配path的用法
  • 原文地址:https://www.cnblogs.com/dannyyao/p/8194658.html
Copyright © 2011-2022 走看看