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,点击文件->新建->项目
文章图片
文章图片
2,创建后的Uniapp目录
文章图片
3,点击运行->运行到小程序模拟器->运行设置->填写微信开发者工具路径
文章图片
文章图片
文章图片
文章图片
4,打开微信开发者工具:
文章图片
5,重新运行uniapp项目,显示以下内容即为成功。在hbx中更新保存就会在微信开发者工具中实时进行更新。
文章图片
文章图片
补充:
1,这个文件是uni-app内置的常用样式变量,全局文件,不需要在分页里引入就可以直接用。
文章图片
2,配置文件 ↓
文章图片
3,基础配置:注册登录即可获取。
文章图片
四:模板语法——数据绑定。
变量赋值:
{{title}}
{{one}}
>
export default {
data() {
return {
title: 'Hello',
one: 'day'
}
}
}
推荐阅读
- 人生感悟记#环境仪器宋庆国成长记#072
- 六步搭建ES6语法环境
- Beego打包部署到Linux
- 私有化轻量级持续集成部署方案--03-部署web服务(下)
- Spring|Spring Boot部署到Resin遇到的问题
- iOS,打Framework静态库
- win10环境|win10环境 python3.6安装pycrypto-2.6.1的问题
- 如何在阿里云linux上部署java项目
- Python|Win10下 Python开发环境搭建(PyCharm + Anaconda) && 环境变量配置 && 常用工具安装配置
- 为Google|为Google Cloud配置深度学习环境(CUDA、cuDNN、Tensorflow2、VScode远程ssh等)