Vue 定义全局变量技巧

简述： 本节主要记录一个 Vue 的全局变量定义方式，方法比较邪恶

定义声明

main.js
import './common/commonJS/jsencrypt'
import {encrypt,decrypt} from './common/commonJS/RSA'
...
...
new Vue({
  el: '#app',
  router,
  components: {
    App
  },
  template: '<App/>',
  data () {
    return {
// 这里就是你的全局变量(属性)了，我这里三个属性值都是 ```function```,
// 当然你想写什么都行
      encrypt: encrypt,
      decrypt: decrypt,
      MD5: MD5,
    // ES6写法
     // encrypt，
     // decrypt，
     //MD5
    }
  }
})

访问

other.vue

 methods: {
    yourFunction () {
  
      this.$root. encrypt('encrypt 的参数');
      this.$root. decrypt('decrypt 的参数');
      this.$root. MD5；
    // 也许你不想在 new Vue 的时候声明一堆的属性，
    // 还可以这么写,在其他 vue 组件里，你依然可以通过 Vue.$root.yourVariable 访问
           this.$root.yourVariable = otherVariable;
    }
  }