zoukankan      html  css  js  c++  java
  • vue如何全局引用公共js

    在项目开发中需要调用一些工具类方法,所以需要将公共方法放在公共js中,并且需要全局引用这些公共js

    1:创建公共JS(utils.js)  src/common/utils.js

    export default {
        text(){
            console.log("测试,测试!!!")
        }
    }

    2:在main.js中引入公共js并注册

    import Utils from './common/utils.js';
    Vue.prototype.utils=Utils;

    3:调用公共方法

      this.utils.text();

    也可以一个一个方法注册:

    1:utils.js

    
    
    import Vue from 'vue'
    import CryptoJS from 'crypto-js'
    export function encrypt(word, keyStr){//加密
        keyStr = keyStr ? keyStr : 'abcdefgabcdefg12';
        var key  = CryptoJS.enc.Utf8.parse(keyStr);//Latin1 w8m31+Yy/Nw6thPsMpO5fg==
        var srcs = CryptoJS.enc.Utf8.parse(word);
        var encrypted = CryptoJS.AES.encrypt(srcs, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
        return encrypted.toString();
    }
    export function decrypt(word, keyStr){//解密
        keyStr = keyStr ? keyStr : 'abcdefgabcdefg12';
        var key  = CryptoJS.enc.Utf8.parse(keyStr);//Latin1 w8m31+Yy/Nw6thPsMpO5fg==
        var decrypt = CryptoJS.AES.decrypt(word, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
        return CryptoJS.enc.Utf8.stringify(decrypt).toString();
    }

    2:在main.js中引入并注册

    import Utils from './common/utils.js';
    Vue.prototype.$encrypt=encrypt;
    Vue.prototype.$decrypt=decrypt;

    3:调用

    this.$encrypt("欢迎登录","siR6WLQ9pPE0738Y");
    var aa=this.$encrypt("欢迎登录","siR6WLQ9pPE0738Y");
    this.$decrypt(aa,"siR6WLQ9pPE0738Y");
  • 相关阅读:
    BZOJ1511: [POI2006]OKR-Periods of Words
    BZOJ1009: [HNOI2008]GT考试
    BZOJ1355: [Baltic2009]Radio Transmission
    BZOJ1415: [Noi2005]聪聪和可可
    BZOJ1004: [HNOI2008]Cards
    UVA11077 Find the Permutations
    LA3641 Leonardo's Notebook
    UVA10294 Arif in Dhaka
    UVA11762 Race to 1
    UVA11427 Expect the Expected
  • 原文地址:https://www.cnblogs.com/zhoushuang0426/p/11190264.html
Copyright © 2011-2022 走看看