定義一個專用的模組,用來組織和管理這些全域性的變數,在需要的頁面引入。
注意:這種方式只支援多個vue頁面或多個nvue頁面之間公用,vue和nvue之間不公用。
示例如下: 在 uni-app 專案根目錄下建立 common 目錄,然後在 common 目錄下新建 base.js 用於定義公用的方法。
const websiteUrl = 'http://www.javanx.cn';
const now = Date.now || function () {
return new Date().getTime();
};
const isArray = Array.isArray || function (obj) {
return obj instanceof Array;
};
export default {
websiteUrl,
now,
isArray
}
接下來在 pages/index/index.vue 中引用該模組
<script>
import helper from '/common/base.js';
export default {
data() {
return {};
},
onLoad(){
console.log('now:' + helper.now());
},
methods: {
}
}
</script>
這種方式維護起來比較方便,但是缺點就是每次都需要引入。
最新評論