uni-app初始化配置

一、manifest.json

1、manifest.json文件是应用的配置文件,用于指定应用的名称、图标、权限等
2、打开manifest.json,选择微信小程序配置,勾选前三项
uni-app初始化配置_第1张图片
3、如果要校验安全域名,则勾选第四项检查安全域名和TLS版本,在微信小程序上会自动不勾选不校验安全域名和TLS版本
在这里插入图片描述
在这里插入图片描述

二、App.vue

1、应用配置,用来配置App全局样式以及监听应用的生命周期
2、可以写公共样式
在这里插入图片描述
写上scoped表示在当前组件的样式
在这里插入图片描述
3、①点击微信开发者工具里右上角获取场景值
uni-app初始化配置_第2张图片
②onlaunch可以传option值,当用户切后台进入的时候可以拿到用户进入的场景值
在App.vue中写入
uni-app初始化配置_第3张图片
③在控制台打印出1001场景值
在这里插入图片描述
uni-app初始化配置_第4张图片

三、static

static放静态资源,比如图片,字体

四、pages

pages主要做分页,没有公共部分

五、

1、找到文件所在位置,新建文件夹,components,存放组件
uni-app初始化配置_第5张图片
2、新建组件
在这里插入图片描述
uni-app初始化配置_第6张图片
3、引入组件,进行局部注册
在这里插入图片描述
uni-app初始化配置_第7张图片
4、传参
①传属性
uni-app初始化配置_第8张图片
uni-app初始化配置_第9张图片
②绑定事件
index.vue
uni-app初始化配置_第10张图片
test.vue
uni-app初始化配置_第11张图片
5、注册事件
$on可以调用无数次
$once只可以调用一次
uni-app初始化配置_第12张图片

uni-app初始化配置_第13张图片

你可能感兴趣的:(前端)