当前位置: 首页 > Web前端 > vue.js

微信小程序全局弹窗和全局实例

时间:2023-03-31 21:01:23 vue.js

全局组件在微信小程序组件关系中,父组件需要在父组件index.json中引入子组件,然后在父组件中使用组件页面。这种组件对应的状态是一对一的,一个组件对应一个页面。如果有全局弹窗(登录),每个页面引入一次组件会很麻烦。这里需要封装全局弹窗,在页面直接引入使用即可。微信小程序提供全局组件。你只需要在app.json中导入该组件,该组件就会被注册为全局组件。无需导入组件,即可使用父组件的json文件。"usingComponents":{"whatStore":"/components/whatStore/index"},usingComponents中注册的组件是全局组件,可以在小程序任意页面导入使用,直接写入页面。组件的使用方式与普通组件相同。全局实例App(Objectobject)App()必须在app.js中调用,必须调用且全局实例只能调用一次,App()中有应用生命周期。全局函数可以写在App()中,挂载在App()上的方法可以通过getApp()获取。//在页面上使用letapp=getApp()。日志(app.sayHi());//全局函数可以在App()上挂载登录方法。当用户token过期或未登录时,使用全局函数配合全局弹窗发起登录,或者直接调用全局函数默认刷新token。getApp()上getApp()定义的参数是全局参数,可以直接在小程序的任意页面使用。建议将参数添加到globalData。//A页面letapp=getApp()app.globalData.params='全局参数'//B页面letapp=getApp()console.log(app.globalData.params)//全局参数