vue引用public的js文件


vue引用public中js文件的方法:1.首先在项目中创建一个公共(public)的js文件;2.在main.js中使用import命令函数引入公共js并注册;3.通过this方法调用js文件即可。

vue引用public的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");


我们的服务
专业提供中小企业网站建设.公司网站建设.外贸网站建设.营销型网站建设,响应式网站建设,商城网站定制,手机网站,微信小程序定制.php应用开发服务,公司成立于2014年,8年专注网站建设,秉承“以客户为根本,以科技为核心,以市场为导向”的经营理念;服务电话13714666846(微信同号)

声明:本站所有作品(图文、音视频)均由用户自行上传分享,或互联网相关知识整合,仅供网友学习交流,若您的权利被侵害,请联系 管理员 删除。

本文链接:http://news.ew35.com/