Vue自定义函数挂载到全局方法

使用exports.install+Vue.prototype(推荐)

在crypto.js文件中创建自己的自定义的方法Crypto()。

import CryptoJS from 'crypto-js'

export default{
  install(Vue){
    Vue.prototype.Crypto = function (word) {
      var key = CryptoJS.enc.Utf8.parse('d4b64733581c39f240029a8d02469483');
      let iv = CryptoJS.enc.Utf8.parse('d22b0a851e014f7b')//偏移量
      let srcs = CryptoJS.enc.Utf8.parse(word);
      var encrypted = CryptoJS.AES.encrypt(srcs, key, {
        iv: iv,
        mode: CryptoJS.mode.CBC,//ECB(不需要偏移量);CBC(需要偏移量)
        padding: CryptoJS.pad.Pkcs7
      });
      let CryptoJSEnc = CryptoJS.enc.Base64.stringify(encrypted.ciphertext)
      while(CryptoJSEnc.indexOf('+') !== -1){
        CryptoJSEnc = CryptoJSEnc.replace('+','%2B');
      }
      return CryptoJSEnc;
    }  

    Vue.prototype.ccc = function () {
      console.log('111')
    }    
  },
}

在main.js引入并使用

import crypto（自定义命名并vue.use使用与下一致） from "@/utils/crypto";

Vue.use(crypto);

这样在所有的组件中便可以调用函数了。

this.Crypto('阿甘')