小程序有g(shù)lobalData機(jī)制，這套機(jī)制在uni-app里也可以使用，全端通用。
在App.vue文件里定義globalData（也可以使用 API 讀寫這個值），然后可在globalData中定義全局變量。
優(yōu)點(diǎn)：globalData 是一種比較簡單的全局變量使用方式。globalData 支持 vue 和 nvue 共享數(shù)據(jù)。

示例一：

• 在 App.vue 中聲明全局變量

<script>  
    export default {  
        globalData: {  
            name: 'liy'  
        },  
        onLaunch: function() {  
            console.log('App Launch')  
        },  
        onShow: function() {  
            console.log('App Show')  
        },  
        onHide: function() {  
            console.log('App Hide')  
        }  
    }  
</script>  

<style>  
    /*每個頁面公共css */  
</style>  

• 為全局變量賦值

getApp().globalData.name= 'yang'//賦值

• 獲取全局變量的值

console.log(getApp().globalData.name) //取值

js中操作globalData的方式如下：

• 賦值：getApp().globalData.name= 'liy'
• 取值：console.log(getApp().globalData.name) // 'liy'

備注：在應(yīng)用onLaunch時，getApp對象還未獲取，暫時可以使用this.$scope.globalData獲取globalData。

示例二：

• App.vue 中定義全局變量

<script>
export default {
    globalData:{
        processList:[]
    },
    onLaunch: function() {
        console.log('App Launch');
    },
    onShow: function() {
        console.log('App Show')
    },
    onHide: function() {
        console.log('App Hide')
    }
}
</script>

<style>

</style>

• home.vue 中為全局變量賦值

<template>
    <view>
        <page-head :title="title"></page-head>
        <view class="uni-padding-wrap uni-common-mt">
            <view class="uni-btn-v">
                <button @tap="JumpToNewPage">跳轉(zhuǎn)新頁面，并傳遞數(shù)據(jù)集合</button>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    data() {
        return {
            title: '主頁',
            processList:[
                {
                    "process_id": "5",
                    "process_name": "卷下盤"
                },
                {
                    "process_id": "3",
                    "process_name": "接后片"
                },
                {
                    "process_id": "6",
                    "process_name": "接前片"
                },
                {
                    "process_id": "7",
                    "process_name": "水洗標(biāo)"
                },
                {
                    "process_id": "8",
                    "process_name": "釘扣"
                },
                {
                    "process_id": "1",
                    "process_name": "貼口袋"
                },
                {
                    "process_id": "2",
                    "process_name": "做袖叉"
                },
                {
                    "process_id": "3",
                    "process_name": "做袖英"
                },
                {
                    "process_id": "4",
                    "process_name": "縫衣領(lǐng)"
                }
            ]
        }
    },
    methods: {
        JumpToNewPage:function(){
            console.log("JumpToNewPage-processList1:" + JSON.stringify(this.processList));
            /* var processList = JSON.stringify(this.processList);
            uni.navigateTo({
                url: 'new-page2/new-page2?processList=' + processList
            }); */
            getApp().globalData.processList = this.processList;//賦值
            uni.navigateTo({
                url: 'new-page2/new-page2?'
            });
        },
    }
}
</script>
<style>

</style>

• new-page2.vue 中獲取全局變量

<template>
    <view>
        <view v-for="(item,index) in processList" :key="index">
            {{item.process_name}}
        </view>
    </view>
</template>
<script>
export default {
    data() {
        return {
            processList:[]
        }
    },
    onLoad(options){
        // if(options.processList){
        //  console.log("onLoad-processList2:" + options.processList);
        //  // this.processList = options.processList;
        //  // console.log("onLoad-processList3:" + this.processList);
        //  this.processList = JSON.parse(options.processList);
        //  console.log("onLoad-processList3:" + JSON.stringify(this.processList));
        // }
        this.processList = getApp().globalData.processList;//取值
        console.log("onLoad-processList2:" + JSON.stringify(this.processList));
    }
}
</script>
<style>

</style>

如果需要把 globalData 的數(shù)據(jù)綁定到頁面上，可在頁面的onShow聲明周期里進(jìn)行變量重賦值。

拓展：uni-app之 全局變量/方法/模塊/組件 的使用