Uniapp环境部署--数据绑定

一：uniapp介绍。
 1，uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。
,2，uni-app框架由Dcloud即数字天堂(北京)网络技术有限公司推出，该公司主要产品有Web开发IDE Hbuiler、HbuilderX，前端框架mui、uni-app，增强版的手机浏览器引擎H5plus等。
二：环境搭建。
1，HBuilderX：IDE。下载HBuilderX地址
,2，微信开发者工具：调试预览工具。下载微信开发者工具地址
三：创建Uniapp项目。
1，点击文件->新建->项目


2，创建后的Uniapp目录

3，点击运行->运行到小程序模拟器->运行设置->填写微信开发者工具路径




4，打开微信开发者工具：

5，重新运行uniapp项目，显示以下内容即为成功。在hbx中更新保存就会在微信开发者工具中实时进行更新。


补充：
1，这个文件是uni-app内置的常用样式变量，全局文件，不需要在分页里引入就可以直接用。

2，配置文件 ↓

3，基础配置：注册登录即可获取。

四：模板语法——数据绑定。
变量赋值：

<template>
	<view class="content">
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
		<view class="text-area">{{one}}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				one: 'day'
			}
		}
	}
</script>