JiuMeilove的博客

在vue选项式风格中,data数据是放置在export default 导出的对象中的一个data方法里面返回但这样写,很明显一点都不优雅,代码缩进太多了,还没开始写呢,就已经嵌套了三层大花括号,所以vue3借助了setup语法糖将data里的响应式数据声明大大的简化了,现在声明data响应式数据只需要在使用setup标注了的script标签内直接声明就能使用如下效果但是vue官方并不希望我们这样写在组合式 API 中，推荐使用 ref() 函数来声明响应式状态：如下。

项目结构uniapp官网上已经写的很详细了,这里就使用uniapp官网的介绍。打开uni编译器HbuildX,右键新建项目,出现如下界面。输入完项目名称和地址后.选择红色箭头所指处的vue版本3。然后点击确认,即可创建uniapp,v3项目。创建完项目后,可以看到如下项目结构。