微信开发者工具实现监听效果

在vue项目之中有watch监听，在微信开发过程中也有需要监听的地方，防止多个页面调用时需要多次使用，将watch方法写在app.js之中

// 设置监听器
watch: function (ctx, obj) {Object.keys(obj).forEach(key => {this.observer(ctx.data, key, ctx.data[key], function (value) {obj[key].call(ctx, value)})})
},
// 监听属性，并执行监听函数
observer: function (data, key, val, fn) {Object.defineProperty(data, key, {configurable: true,enumerable: true,get: function () {return val},set: function (newVal) {if (newVal === val) returnfn && fn(newVal)val = newVal},})
},

与 onLaunch() {}同级

在页面使用过程中，挂载到 onLoad()位置

      // 调用监听器，监听数据变化app.watch(this, {checkNum: function (newVal) {console.log(newVal,"监听到了")}})

是否开启深度监听同VUE一样

      app.watch(this, {checkNum: function (newVal) {console.log(newVal,"监听到了")},immediate: true})

微信开发者工具实现监听效果相关推荐

微信开发者工具模拟器、IOS真机调试、Android真机调试中Editor效果不一致问题
问题环境: 1.微信开发者工具1.05.2110290(以下简称"工具") 2.真机调试1.0版本(不区分IOS与Android) 3.微信的editor component,用于 ...
微信开发者工具如何集成SVN、同时解决集成SVN无效果的问题
自从使用了小乌龟托管代码等资料后.学习微信小程序开发的时候.发现微信开发者工具插件中搜索不到SVN.但是我要用.为了方便看到修改的代码 1.在VSCODE 中搜索SVN的插件 2.微信开发者工具导入S ...
微信小程序（微信开发者工具及工程创建、小程序配置、逻辑层、模块化）
一.阶段概述 1.课程安排课程市场:14+1 课程安排:微信小程序:5uniapp:5数据可视化:4答辩:1 2.项目展示小u商城数据可视化 3.阶段目标 1.培养学员能力独立完成小程序原生开发 ...
从零开始编写一个微信小程序（微信开发者工具+JS+WuxUI组件库+云开发）万字整理，建议收藏！
微信小程序-魔镜笔记&源码(微信开发者工具+JS+UI组件库+云开发) 效果展示视频演示经历了一次升级之后,我的小程序怎么样了? 文章目录微信小程序-魔镜笔记&源码(微信开发 ...
[小程序] 微信开发者工具下载与安装 WXMLfor if 模板页面引用 tabBar
文章目录帐号设置微信开发者工具 1.工具的下载与安装 2.helloworld项目小程序目录结构及配置 1.目录结构 2.全局配置文件app.json 3.全局样式文件app.wxss 4.小程 ...
微信小程序基础知识 || 如何让微信开发者工具显示切后台按键
文章目录初识小程序与普通网页开发的区别体验小程序获取AppID 开发者工具下载在模拟器上查看项目效果在真机上预览项目效果主界面的 5 个组成部分常用快捷键宿主环境简介通信模型运行 ...
微信开发者工具的使用记录
微信开发者工具 tabbar Tabbar Tabbar组件,也可以用来作为小程序的自定义Tabbar使用代码引入在 page.json 中引入组件 {"usingComponents& ...
使用微信开发者工具创建小程序项目
个人资源与分享网站:http://xiaocaoshare.com/ 1.微信开发者工具自行到网上下载即可 2.打开微信开发者工具,如图所示: 点击创建后,如下图所示: #### 项目结构 ``` └ ...
微信开发者工具之页面跳转
1.声明式页面导航(跳转): //跳转到tabBar页面 <navigator url="路径" open-type="switchTab">打开t ...

微信开发者工具实现监听效果

微信开发者工具实现监听效果相关推荐

最新文章

热门文章