百度网站建设前期都有哪些费用,网站制作1000元,seo编辑培训,昆明网站建设哪家公司好微信小程序实现类似Vue中的computed、watch功能 构建npm使用 构建npm 创建包管理器 进入小程序后#xff0c;打开终端#xff0c;点击顶部“视图” - “终端” 新建终端 使用 npm init -y初始化包管理器#xff0c;生成一个package.json文件 安装 npm 包 npm install --… 微信小程序实现类似Vue中的computed、watch功能 构建npm使用 构建npm 创建包管理器 进入小程序后打开终端点击顶部“视图” - “终端” 新建终端 使用 npm init -y初始化包管理器生成一个package.json文件 安装 npm 包 npm install --save miniprogram-computed构建npm 点击开发者工具中的菜单栏工具 -- 构建 npm
使用
在自定义组件中,以require的方式引入
computed 基本用法const computedBehavior require(miniprogram-computed).behavior
Component({behaviors: [computedBehavior],data: {a: 1,b: 1,},computed: {sum(data) {// 注意 computed 函数中不能访问 this 只有 data 对象可供访问// 这个函数的返回值会被设置到 this.data.sum 字段中return data.a data.b},},methods: {onTap() {this.setData({a: this.data.b,b: this.data.a this.data.b,})},},
})watch 基本用法const computedBehavior require(miniprogram-computed).behaviorComponent({behaviors: [computedBehavior],data: {a: 1,b: 1,sum: 2,},watch: {a, b: function (a, b) {this.setData({sum: a b,})},},methods: {onTap() {this.setData({a: this.data.b,b: this.data.a this.data.b,})},},
})
