簡述: 本節主要記錄一個 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;
}
}
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。