最近听到一些小伙伴都在讲这个uni-app,这个呢我用挤出来的时间看了一下,就谈一下吧!
创建项目:
uni-app
支持通过 可视化界面、vue-cli
命令行 两种方式快速创建项目,
这里我们选择可视化界面来创建项目,可视化的方式比较简单,
HBuilderX
内置相关环境,开箱即用,无需配置nodejs,在运行或发行
uni-app
时,会提示安装
uni-app
插件,下载一下就行了,打开HBuilderX,开始创建项目!
左上角点击文件新建项目,选择 uni-app项目,一个项目模板就创建完成了,左上角点击运行,根据自己的项目类型来选择运行设备。
目录结构:
生命周期: 直接贴图!
路由跳转:跟微信小程序一样从wx改为uni,见下 网络请求 :同上给你们看一下基本操作
页面1
页面2
剩下的咱就不多说了,大部分跟微信小程序一样,可视化组件view,也就相当于DIV,这里推荐使用view。 条件判断 v-if v-show ,跟vue一样使用方法,遍历就用v-for='v,i in 变量名',剩下的方法,数据源参考vue,跟vue一样。 好了,人老了有点累,葛大爷不讲了 官网给你们放出来,自己看吧 UNI-APP 官网: https://uniapp.dcloud.io/ UNI-UI 组件库 : https://uniapp.dcloud.io/component/README?id=uniui ???不能直接跳转?,那你自己手敲吧,哈哈哈,别忘了点个在看