Uni-appノート---グローバル変数、メソッドの作成

現在3つの方法が見られます
 

1.共通モジュール

これらのグローバル変数を整理および管理するための専用のモカを定義し、必要なページでインポートします.
次のようになります.
helperを作成します.js

const token = 'asdafqwdsda’;

function doSomeThing (thing) {

    console.log(' '+thing);

}

// 

export default {

    token,

    doSomeThing,



}

 
 
必要な場所でインポート

//  

import helper from '@/common/helper.js';

console.log(helper.token);

helper.doSomeThing(‘ ’);

 

2.Vueをマウントする.prototype

使用頻度の高い定数や方法を直接Vueにマウントする.prototypeでは、vueオブジェクトごとに継承されます.
次のようになります.
メールでjsにプロパティ、メソッドをマウントする

Vue.prototype.$realName = ' ';

Vue.prototype.$eat = function (name) {

console.log(name + ' ');

}

 

3.globalData

AppでvueでglobalDataを定義できます
次のようになります.

export default {

    globalData: {

        loginInfo: {}

    },

    onLaunch: function() {

        console.log('App Launch')

        this.globalData.loginInfo = {userName:'Lange',age:'11',gender:' '};

    },



}

必要な場所で直接呼び出せばいい

console.log(getApp().globalData.loginInfo);