山东省建设资格中心网站,简单网页设计作品欣赏,iis建设网站教程,wordpress评论数据库分离全局组件
微信小程序组件关系中#xff0c;父组件使用子组件需要在父组件index.json中引入子组件#xff0c;然后在父组件页面中使用#xff0c;这种组件的对应状态是一对一的#xff0c;一个组件对应一个页面。如果有一个全局弹窗#xff08;登录#xff09;#xff0…全局组件
微信小程序组件关系中父组件使用子组件需要在父组件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 ) // 全局参数