vue實(shí)現(xiàn)文字加密功能

更新時(shí)間：2019年09月27日 11:49:22 作者：小羽向前跑

這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)文字加密功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了vue實(shí)現(xiàn)文字加密功能的具體代碼，供大家參考，具體內(nèi)容如下

效果：

組件代碼：

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>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

ElementPlus?Table表格實(shí)現(xiàn)可編輯單元格
本文主要介紹了ElementPlus?Table表格實(shí)現(xiàn)可編輯單元格,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2024-12-12
VUE3引入html文件并傳值方法舉例
這篇文章主要給大家介紹了關(guān)于VUE3引入html文件并傳值的相關(guān)資料,這是最近在項(xiàng)目中遇到了的一個(gè)需求,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-07-07
vue.js?diff算法原理詳細(xì)解析
這篇文章主要介紹了vue.js?diff算法原理詳細(xì)解析，diff算法可以看作是一種對(duì)比算法，對(duì)比的對(duì)象是新舊虛擬Dom。顧名思義，diff算法可以找到新舊虛擬Dom之間的差異，但diff算法中其實(shí)并不是只有對(duì)比虛擬Dom，還有根據(jù)對(duì)比后的結(jié)果更新真實(shí)Dom
2022-06-06
vue虛擬滾動(dòng)/虛擬列表簡(jiǎn)單實(shí)現(xiàn)示例
本文主要介紹了vue虛擬滾動(dòng)/虛擬列表簡(jiǎn)單實(shí)現(xiàn)示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2025-01-01
Vue.js實(shí)現(xiàn)備忘錄功能
這篇文章主要為大家詳細(xì)介紹了Vue.js實(shí)現(xiàn)備忘錄功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-06-06
vue使用lodop打印控件實(shí)現(xiàn)瀏覽器兼容打印的方法
這篇文章主要介紹了vue使用lodop打印控件實(shí)現(xiàn)瀏覽器兼容打印的方法，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2021-02-02
vue實(shí)現(xiàn)購(gòu)物車全部功能的簡(jiǎn)單方法
vue是前端輕量級(jí)MVVM框架,入門門檻相對(duì)較低,今天用Vue做一個(gè)購(gòu)物車實(shí)例,所以下面這篇文章主要給大家介紹了關(guān)于vue實(shí)現(xiàn)購(gòu)物車全部功能的簡(jiǎn)單方法,需要的朋友可以參考下
2021-07-07
如何使用VUE+faceApi.js實(shí)現(xiàn)攝像頭拍攝人臉識(shí)別
Face-api.js是一個(gè)JavaScript API,是基于tensorflow.js核心API 的人臉檢測(cè)和人臉識(shí)別的瀏覽器實(shí)現(xiàn),這篇文章主要給大家介紹了關(guān)于如何使用VUE+faceApi.js實(shí)現(xiàn)攝像頭拍攝人臉識(shí)別的相關(guān)資料,需要的朋友可以參考下
2023-05-05
vue中的嚴(yán)格模式如何取消
這篇文章主要介紹了vue中的嚴(yán)格模式如何取消，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue elementUi+sortable.js實(shí)現(xiàn)嵌套表格拖拽問(wèn)題
這篇文章主要介紹了vue elementUi+sortable.js實(shí)現(xiàn)嵌套表格拖拽問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-06-06