小程序是一種新的開放能力，開發者可以快速地開發一個小程序。小程序可以在微信內被便

捷地獲取和傳播，同時具有出色的使用體驗。對于微信小程序，前端開發應該不陌生，目前也

是非常火，很多公司都會進行開發。對于小程序的優點我就不到這過多描述了，今天我是想來

總結下微信小程序頁面和組件傳值。

微信小程序目錄結構

1.頁面與頁面傳值-跳轉的url帶參傳值

微信小程序頁面直接傳值我們經常用到的是頁面URL跳轉傳值，跳轉到的頁面通過到生命周

期onLoad里面接收。

//A頁面Page({ data:{ }, linkTo:function(){//頁面事件綁定方法 let data = 'hello world'; wx.navigateTo({ url: '/pages/my/index?name=' + data, }) } })//B頁面 Page({ data:{ name:' ' }, onLoad:function(option){//接收數據 this.setData({ name: option.name }) } })如果頁面有多個值要傳，直接用&符合鏈接起來就可以了。比如'/pages/my/index?name=' + data1+'&number='+data2;

2.頁面與頁面傳值-全局globalData傳值

//app.jsApp({ onLaunch (options) { // Do something initial when launch. }, onShow (options) { // Do something when show. }, onHide () { // Do something when hide. }, onError (msg) { console.log(msg) }, globalData: { name:'hello world' }})//A頁面const app = getApp();//獲取全局對象Page({ data:{ }, onLoad:function(){ let name = app.globalData.name; console.log(name);//hello world } })

全局數據的拿去是通過拿去globalData對象，再到其他頁面獲取，當然你也可以

修改全局對象里面數據其他頁面從新去獲取。

//A頁面const app = getApp();//獲取全局對象Page({ data:{ }, onLoad:function(){ app.globalData.name='微信小程序'; //修改全局數據 } })//B頁面const app = getApp();//獲取全局對象Page({ data:{ }, onLoad:function(){ let name = app.globalData.name; console.log(name);//微信小程序 } })

2.頁面與頁面傳值-頁面數據緩存wx.setStorageSync(KEY,DATA)

//A頁面Page({ data:{ }, onLoad:function(){ wx.setStorage({ key:"name

總結

以上是生活随笔為你收集整理的vue用公共组件页面传值_微信小程序页面传值、组件间通信总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。