重启一下项目，之后再使用ref和生命周期函数都不需要再引入。对着项目右键-->使用命令行窗口打开所在目录，就会弹出终端。在项目目录下创建vite.config.js。在终端中输入如下命令，后回车。

当我们启动VUE项目的时候控制台会报错错误GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)原因就是项目下的 favicon.ico 找不见，缺少一个页签图标。这个时候选中的图片就会作为网页的图标进行展示，控制台也不再报错。在根目录下放置一张图片，重命名为。

如果我们不在get中添加{getOne:true}，在只获取到一个数据res.result.data将会是一个数组， 如果一个元素我们还要放在数组中就会很麻烦，添加上就能直接拿到数据。db.collection("数据表").where({字段名1:数据, 字段名2:数据}).get({getOne:true})下面的例子中_id是数据的字段，id是一个变量，里面装的id具体的值。

如果我们不在get中添加{getOne:true}，在只获取到一个数据res.result.data将会是一个数组， 如果一个元素我们还要放在数组中就会很麻烦，添加上就能直接拿到数据。db.collection("数据表").where({字段名1:数据, 字段名2:数据}).get({getOne:true})下面的例子中_id是数据的字段，id是一个变量，里面装的id具体的值。

我们可以在res中获取返回的图片路径，并且在云存储库中能够看到保存的图像，名字为我们定义的cloudPath。我这里把所有上传的图像放在userAvatar文件中，又单独按照日期分类，把当前的时间戳作为图像名。当我们把button组件中的open-type改为“chooseAvatar”时，就能够选择图片。在打印出来的对象中可以看到该图片的临时路径，我们只需要把这个临时路径上传到云存储中就行。我们

其中，title只能显示7个字符的内容，如果想要显示全，只能不设置icon。如果想要显示弹窗，就可以使用showToast去显示弹窗。title:"显示内容",icon:"标志样式"

我们使用swiper标签就可以实现轮播图的效果。

如果我们只是在onReachBottom生命周期函数中再次获取请求，会发现数据并没有叠加，只是原来的数据被覆盖了。数据的条数没有变化，依旧是十条，但不是原来的十条了。

我们在使用uni-popup时，如果想要给弹出内容添加一个背景颜色，我们会发现在安全区域是不显示该背景颜色的。首先根据如下的目录结构找到uni-popup.vue文件。在该文件中找到bottom配置，将红箭头所指代码注释掉。下面的安全区域就没有了，但是还没解决完。

我们可以在res中获取返回的图片路径，并且在云存储库中能够看到保存的图像，名字为我们定义的cloudPath。我这里把所有上传的图像放在userAvatar文件中，又单独按照日期分类，把当前的时间戳作为图像名。当我们把button组件中的open-type改为“chooseAvatar”时，就能够选择图片。在打印出来的对象中可以看到该图片的临时路径，我们只需要把这个临时路径上传到云存储中就行。我们