关于前端:微信小程序的全局弹窗以及全局实例

全局组件

微信小程序组件关系中，父组件应用子组件须要在父组件index.json中引入子组件，而后在父组件页面中应用，这种组件的对应状态是一对一的，一个组件对应一个页面。如果有一个全局弹窗（登录），那么每个页面引入一次组件会十分麻烦，这里就须要封装全局弹窗，在页面间接引入应用即可。

微信小程序提供全局组件，只须要在app.json中引入组件，该组件就会被注册为全局组件，父组件的json文件不须要引入组件即可应用。

  "usingComponents": {    "whatStore": "/components/whatStore/index"  },

在usingComponents中注册的组件就是全局组件，在小程序的任意页面都能够引入并应用组件

间接将组件写入页面即可，组件的应用办法和一般组件统一。

全局实例

App(Object object)

App()必须在app.js中调用，必须调用并且全局只能调用一次，在App()中有利用的的生命周期。全局函数能够写在App()中，通过getApp()获取App()上挂载的办法。

// 页面上应用let app = getApp()console.log(app.sayHi());  // 全局函数

能够在App()上挂载登录办法，当用户token过期或者未登录时，通过全局函数配合全局弹窗来发动登录，也能够只调用全局函数默认刷新token。

getApp()

在getApp()上定义的参数为全局参数，都能够在小程序任意页面间接应用，倡议将参数增加到globalData上。

// A页面let app = getApp()app.globalData.params = '全局参数'// B页面let app = getApp()console.log(app.globalData.params )  // 全局参数