今天看了下文档 发现多了个 云对象
目前需要下载 3.4.0及以上版本 目前为 alpha版本
个人觉得云对象 让我们更加的能 贴近面向对象
https://www.dcloud.io/hbuilderx.html
视频见 https://www.bilibili.com/video/BV1u34y1z71d?p=12
实现加减乘除
我们也可以写一些属性
// 开发文档: https://uniapp.dcloud.net.cn/uniCloud/cloud-obj
module.exports = {
introduce: "maths",
intro(){
return this.introduce
},
add(num1, num2) {
return num1 + num2;
},
mul(num1, num2) {
return num1 * num2
},
reduce(num1, num2) {
return num1 - num2
},
division(num1, num2) {
if(num2===0){
return {
msg:"被除数不可以为0"
}
}
return num1/num2
}
}
其实我们如果直接打印 我们引入的对象 会发现 他是一个 peoxy对象
客户端使用 uniCloud.importObject(‘云对象名称’); 是不是感觉很简单
<template>
<view class="content">
<button @click="hello">调用云函数</button>
<input type="number" v-model="num1" />
<input type="number" v-model="num2" />
<button v-for="(item,index) in mathDels" @click="maths(item)" :key="index">{{item}}</button>
<text>{{result}}</text>
<text>云函数介绍{{introduce}}</text>
</view>
</template>
<script>
export default {
data() {
return {
num1:0,
num2:0,
result:0,
mathDels:['add','reduce','mul','division'],
introduce:""
}
},
onLoad() {
},
methods: {
async maths(type){
const maths = uniCloud.importObject('maths');
this.introduce = await maths.intro()
let res = await maths[type](parseInt(this.num1),parseInt(this.num2))
this.result = res
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
.map-mine {
width: 100%;
height: 50vh;
}
</style>
我们可以如编写一个 类似于实例化的 微信支付
客户端调用 更加易用