小程序在组件化开发的时候可能没有达到vue那样的便捷,例如跨组件状态同步等。
这个插件可以:
-
1.通过代理的方式,为小程序添加了跨组件实时通信;父子组件实时同步状态功能;
-
2.与vue相似的WatchStore功能,监听全局状态的变化;
-
3.更加简单的引入,还内置了如同Vue中的mixin 功能, 将页面中复杂的功能拆解开,使后期维护更加方便;
-
4.内置了屏幕安全域功能 直接方便避免苹果系列手机下方黑条;
-
5.内置封装的跳转功能 可以直接在wxml中实现带参跳转,js带参跳转 ,封装成为比官方更加简便的调用方式,参数传递 ;同时也增加了 类似Vue中的路由拦截功能。
-
6.功能性作用域内置了节流,防抖,只允许触发一次等作用区域。区块化的管理功能函数。
开始
引入
在app.js中全局引入
// app.js
import Ani from './ani'
App({
Ani:new Ani()
})
使用
页面中使用
const app = getApp()
Page({
data:{
},
.....
})
将Page替换为app.Ani.Page
const app = getApp()
const index=app.Ani.Page({
data: {
otherHeight:0
},
})
组件中使用
const app = getApp()
Component({
properties:{
},
.....
})
Component替换为app.Ani.Component
const app=getApp()
const apps=app.Ani.