简述: 本节主要记录一个 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;
}
}