uni-app项目目录讲解
- components:组件目录
- pages:页面目录,一个页面一个文件夹,创建成功之后下面应该有一个index文件夹,即为首页
- static:资源文件目录,如图片
- App.vue: 应用配置,用来配置App全局样式以及监听
- main.js: Vue初始化入口文件
- manifest.json:配置应用名称、appid、logo、版本等打包信息
- pages.json:配置页面路由、导航条、选项卡等页面类信息
- uni.scss:该文件中有详细介绍,这里就不说明了
每个可显示的页面,都必须在 pages.json 中注册。
原来工程的首页一般是index.html或default.html,是在web server里配的。而uni-app的首页,是在pages.json里配的,page节点下第一个页面就是首页。一般在/pages/xx的目录下。
app和小程序中,为了提升体验,页面提供了原生的导航栏和底部tabbar,注意这些配置是在pages.json中做,而不是在vue页面里创建,但点击事件的监听在显示的vue页面中做。
在vue中,以前的js事件监听
概念改为了生命周期
概念。
data 属性
data
必须声明为返回一个初始数据对象的函数;否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。
//正确用法,使用函数返回对象
data() {
return {
title: 'Hello'
}
}
//错误写法,会导致再次打开页面时,显示上次数据
data: {
title: 'Hello'
}