vue入门

uni-app项目目录讲解

1. components：组件目录
2. pages：页面目录，一个页面一个文件夹，创建成功之后下面应该有一个index文件夹，即为首页
3. static：资源文件目录，如图片
4. App.vue： 应用配置，用来配置App全局样式以及监听
5. main.js： Vue初始化入口文件
6. manifest.json：配置应用名称、appid、logo、版本等打包信息
7. pages.json：配置页面路由、导航条、选项卡等页面类信息
8. 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'
}