Uniapp环境部署--数据绑定

【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,点击文件->新建->项目
Uniapp环境部署--数据绑定
文章图片

Uniapp环境部署--数据绑定
文章图片

2,创建后的Uniapp目录
Uniapp环境部署--数据绑定
文章图片

3,点击运行->运行到小程序模拟器->运行设置->填写微信开发者工具路径
Uniapp环境部署--数据绑定
文章图片

Uniapp环境部署--数据绑定
文章图片

Uniapp环境部署--数据绑定
文章图片

Uniapp环境部署--数据绑定
文章图片

4,打开微信开发者工具:
Uniapp环境部署--数据绑定
文章图片

5,重新运行uniapp项目,显示以下内容即为成功。在hbx中更新保存就会在微信开发者工具中实时进行更新。
Uniapp环境部署--数据绑定
文章图片

Uniapp环境部署--数据绑定
文章图片

补充:
1,这个文件是uni-app内置的常用样式变量,全局文件,不需要在分页里引入就可以直接用。
Uniapp环境部署--数据绑定
文章图片

2,配置文件 ↓
Uniapp环境部署--数据绑定
文章图片

3,基础配置:注册登录即可获取。
Uniapp环境部署--数据绑定
文章图片

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

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

    推荐阅读