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");
  • 相关阅读:
    回顾python,就当做笔记了
    测试知识回顾
    转发 Python接口自动化
    性能测试脚本调优
    java
    新的一年,希望自己有所提升,在这简单的记录,自己的学习。
    navicat 连接 mysql 出现Client does not support authentication protocol requested by server解决方案
    tomcat context配置
    tomcat host 配置
    flyway使用
  • 原文地址:https://www.cnblogs.com/zhoushuang0426/p/11190264.html
Copyright © 2011-2022 走看看