vue如何实现文字加密功能

这篇文章给大家分享的是有关vue如何实现文字加密功能的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联专业为企业提供哈尔滨网站建设、哈尔滨做网站、哈尔滨网站设计、哈尔滨网站制作等企业网站建设、网页设计与制作、哈尔滨企业网站模板建站服务，十余年哈尔滨做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

效果：

组件代码： 

base64

npm install --save js-base64

md5

npm install --save js-md5

<template>
 <div>
 
 </div>
</template>
 
<script>
import md5 from 'js-md5';
var Base64 = require('js-base64').Base64;
 
 export default {
 name:"appid",
 mounted(){ 
 //Base64加密 
 var str1 = Base64.encode('你好啊'); 
 document.write("我是Base64加密后的文字："+str1+"<br/>")
 
 var str3 =Base64.decode('5L2g5aW95ZWK'); 
 document.write("我是Base64解密后的文字："+str3+"<br/>")
  
 var str2 =Base64.encodeURI('吃饭了吗'); 
 document.write("我是Base64加密后的文字："+str2+"<br/>")
 
 var str4 = Base64.decode('5ZCD6aWt5LqG5ZCX'); 
 document.write("我是Base64解密后的文字："+str4+"<br/>")
 
 //md5加密
 var str5 = md5('hello world')
 document.write("我是md5加密后的文字："+str5+"<br/>")
 }
 }
</script>
 
<style scoped>
 
</style>

感谢各位的阅读！关于“vue如何实现文字加密功能”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

分享文章：vue如何实现文字加密功能
当前网址：https://www.cdcxhl.com/article28/ijepjp.html

成都网站建设公司_创新互联，为您提供Google、网页设计公司、自适应网站、网站营销、移动网站建设、企业网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联