- 文档
- 官方文档
- 插件市场
- 学习总结
- （一）项目开发
- （1）目录结构
- （二）页面开发
- （1）基础
- 1.新建页面
- 2.删除页面
- 3.应用首页
- 4.页面生命周期函数
- 5.组件生命周期
- （2）参数传递
https://uniapp.dcloud.io/
https://ext.dcloud.net.cn/
一个uni-app工程，默认包含如下目录及文件：
【1】编译到任意平台时，static 目录下的文件均会被完整打包进去，且不会编译。非 static 目录下的文件（vue、js、css 等）只有被引用到才会被打包编译进去。
【2】static 目录下的 js 文件不会被编译，如果里面有 es6 的代码，不经过转换直接运行，在手机设备上会报错。
【3】css、less/scss 等资源不要放在 static 目录下，建议这些公用的资源放在自建的 common 目录下。
【4】HbuilderX 1.9.0+ 支持在根目录创建 ext.json、sitemap.json 等小程序需要的文件。
uni-app中的页面，通常会保存在工程根目录下的pages目录下。
每次新建页面，均需在pages.json中配置pages列表；未在pages.json -> pages 中配置的页面，uni-app会在编译阶段进行忽略。pages.json的完整配置参考：全局文件。
通过HBuilderX开发 uni-app 项目时，在 uni-app 项目上右键“新建页面”，HBuilderX会自动在pages.json中完成页面注册，开发更方便。
同时，HBuilderX 还内置了常用的页面模板（如图文列表、商品列表等），选择这些模板，可以大幅提升你的开发效率。
2.删除页面删除页面时，需做两件工作：
删除.vue文件或.nvue文件
删除pages.json -> pages列表项中的配置
uni-app会将pages.json -> pages配置项中的第一个页面，作为当前工程的首页（启动页）
4.页面生命周期函数uni-app 支持如下页面生命周期函数：
https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle
【1】传递参数到方法中可以通过:data-属性名称的方式，比如下面的实例传递的newsid
@tap=“openinfo” :data-newsid=“item.post_id”
在方法中获取属性值
var newsid = e.currentTarget.dataset.newsid;
###（三）开发技巧
【1】uni-app 每个函都有success和fail 函数，出问题你可以通过这种方式检查抛出的问题
uni.request({
url: 'https://unidemo.dcloud.net.cn/api/news/36kr/'+e.newsid,
method: 'GET',
data: {},
success: res => {
console.log(res);
this.title = res.data.title;
this.strings = res.data.content;
},
fail: () => {},
complete: () => {}
});
【2】在页面加载中，为了显示美观可以设置一些加载等待动画，在加载前开始，然后加载完毕后结束
【3】在开发阶段，为了方便开发某个页面，使其不受编辑自动刷新的影响，我们可以设置condition。启动模式配置，仅开发期间生效，用于模拟直达页面的场景，如：小程序转发后，用户点击所打开的页面。
属性说明
在这里插入图片描述
注意： 在 App 里真机运行可直接打开配置的页面，微信开发者工具里需要手动改变编译模式，如下图：
CTRL+R
然后微信开发者工具也需要调整设置，这里必须调整否则没有效果，修改代码后还是刷新到入口页
