Uniapp开发鸿蒙应用教程之选项式api和组合式api
【摘要】 大家好，前两天讲了Uniapp开发鸿蒙应用时的基础布局和自定义导航栏，都是仅限于页面上的开发。今天我们尝试进行一些数据上的操作，借此分享一下选项式API和组合式API的内容。我们初始化的首页项目代码，它的脚本代码部分通常是这样的：<script> export default { data() { return { title: 'Hello', } }, onLoad(...
<script>
export default {
data() {
return {
title: 'Hello',
}
},
onLoad() {
},
methods: {
}
}
</script><script>
export default {
data() {
return {
title: 'Hello',
age:18
}
},
onLoad() {
},
methods: {
changeAge(){
this.age = 20
}
}
}
</script><script>
import {ref} from 'vue'
export default{
setup() {
const age = ref(18)
const changeAge = ()=>{
age.value = 20
}
return { age,changeAge }
}
}
</script><script setup> import {ref} from 'vue'
const age = ref(18)
function changeAge(){ age.value = 20 }
</script>
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）