vue本地储存加密

<template>
  <div>
    <!-- -----------安装1---------- -->
    下载命令：npm install crypto-js
  </div>
</template>

<script>
//在.vue用就在那里引用---------------引用--------------
import CryptoJS from "crypto-js";
export default {
  data(){
    return{

    };
  },
  methods:{
    jia(){
      // ----------------------加密-----------------
      //要存储的值--加密的秘钥（解密的时候必须要根据秘钥才能解密） 
      let cipherText = CryptoJS.AES.encrypt("小可爱", "secretkey1").toString();                 
      localStorage.setItem("jisc", cipherText);//本地存储
      var tk = localStorage.getItem("jisc");//把存储的值取出

      //-----------------------解密----------------------
      //要解密的值--解密的秘钥（必须与加密的秘钥一直）
      var bytes = CryptoJS.AES.decrypt(tk, "secretkey1");
      var originalText = bytes.toString(CryptoJS.enc.Utf8);//解密操作
      console.log(originalText)//结果：小可爱

    }
  },
  mounted(){
    this.jia()//数据显示内容
  }
}
</script>

<style>

</style>