uni-app学习

今天刚了解uni-app这个框架，能适配所有厂的小程序，incredible~

page.json配置程序外观

（例如黑色模式，下拉的背景色，下拉刷新提示的样式等）

创建页面

在pages里面创建页面，和wx小程序差不多,vue将js,html,css集成在一个vue里面
template里面不能有很多并列的view,必须是树状关系，大套小

在page.jsonl里面注册刚刚创建的页面

底部导航条tabbar

也是在pages.json中

组件

组件就是H5中的标签

<text写文本

<view 盒子

上边写html，下面写css

<template>
	<view class="box1">hel</view>
</template>

<script>
</script>

<style>
		
	.box1{
		background-color: #007AFF;
	}
</style>

<button按钮

<image 图片

、aspectfit保持图片原来比例

数据绑定

vue将html,js都写在.vue中
在前端显示script中定义的变量a

<view>{{a}}</view>

<script>
	export default{
		data () {
			return {
				a:'255'
			}
		}
	}
</script>

{{}}中可以用字符串拼接和数字运算，逻辑运算
<image v-bind:src=“url1”/
v-bind 让src去找变量而不是将url1理解成地址

v-for数据绑定

	<view v-for="(item,index) in arr">
		名字：{{item.name}}
		年龄： {{item.id}}
	</view>
		
	</view>

arr: [
					{
						name:12,
						id:1
		
					},
					{
						name:11,
						id:2
							
					}

绑定事件

按钮
v-on也可以写成@,click

<button type="default" v-on:click="click1">按钮</button>	

事件，也就是函数，写在script中，和data同级

methods:{
			click1 (e) {
				console.log('点击按钮')
			}
		}

生命周期函数

定义在app.vue中，已经定义好了