Vue JSPEncryptによるrsa暗号化およびマウント方法

グローバルメソッドのマウント
jsencryptによるrsa暗号化
原文リンク:JsパラメータRSA暗号化伝送、jsencrypt.jsの使用*https://www.jb51.net/article/179813.htm (原文には間違いがあり、変換+は必要ありません.rsaはbase 64トランスコードをしました)

1.     npm install jsencrypt 
2. main.js   import { JSEncrypt } from 'jsencrypt' 
3.      
//JSEncrypt    
Vue.prototype.$encryptedData = function(publicKey, data) {
 //new    
 let encrypt = new JSEncrypt()
 //    
 encrypt.setPublicKey(publicKey)
 //password       ,      + ,  rsa      base64   ,   +,        
 let result = encrypt.encrypt(password)
 return result
}
//JSEncrypt    
Vue.prototype.$decryptData = function(privateKey, data) {
 //   JSEncrypt  
 let decrypt = new JSEncrypt()
 //     
 decrypt.setPrivateKey(privateKey)
 //     
 let result = decrypt.decrypt(secretWord)
 return result
}

グローバルブレンド
yarnを使用してVueプロジェクトにインストールyarn add jsencrypt --dep
あるいはnpmを使うnpm install jsencrypt --dep
かき混ぜる

import { JSEncrypt } from 'jsencrypt'
export const RsaMixin = {
 methods: {
  //   
  encryptedData(publicKey, data) {
   //   JSEncrypt  
   let encryptor = new JSEncrypt();
   //     
   encryptor.setPublicKey(publicKey);
   //     
   return encryptor.encrypt(data);
  },
  //   
  decryptData(privateKey,data){
   //   JSEncrypt  
   let decrypt= new JSEncrypt();
   //     
   decrypt.setPrivateKey(privateKey);
   //     
   decrypt.decrypt(secretWord);
  }
 }
}

導入

 import InvoiceRecordModal from './modules/InvoiceRecordModal'
 import { RsaMixin } from '@/mixins/RsaMixin'

 export default {
 name: "InvoiceRecordList",
 //             
 mixins:[RsaMixin],
 data(){},
 computed:{}
 }

単一VUEファイルにカプセル化する方法
yarnを使用してVueプロジェクトにインストールyarn add jsencrypt --dep
あるいはnpmを使うnpm install jsencrypt --dep
jsencryptの導入import { JSEncrypt } from 'jsencrypt'
方法

methods: {
 //   
 encryptedData(publicKey, data) {
  //   JSEncrypt  
  let encryptor = new JSEncrypt();
  //     
  encryptor.setPublicKey(publicKey);
  //     
  return encryptor.encrypt(data);
 },
 //   
 decryptData(privateKey,data){
  //   JSEncrypt  
  let decrypt= new JSEncrypt();
  //     
  decrypt.setPrivateKey(privateKey);
  //     
  decrypt.decrypt(secretWord);
 }
 }

まとめ
以上述べたように、編集者が紹介したVueがJSPEncryptを用いてrsa暗号化やマウント方法を実現しているので、皆さんの役に立つことを願っています.