uni-app介绍uni-app是一个使用Vue.js开发跨平台APP应用程序的前端框架。
应用平台:安卓、iOS、微信小程序。 实现了一系列代码,同时向安卓、iOS、微信小程序公开。
公式: https://uniapp.dcloud.io/
开发工具(1) HBuilderX
下载地址: http://www.d cloud.io/hbuilderx.html
)2)微信开发者工具
下载地址: https://developers.weixin.QQ.com/mini program/dev/dev tools/download.html
HBuilderX模拟器连接
夜神模拟器下载地址: https://www.yeshen.com/
(1)开启夜神模拟器
)2)找到模拟器的安装目录,执行以下命令
NOx _ adbconnect 127.0.0.1:62001 NOx _ ADB devices
)3)找到hbuilder的adb.exe路径
(4)设置端口号
(5)项目执行-选择模拟器
框架介绍公式: https://uniapp.dcloud.io/frame
目录结构(components uni-app组件目录()-comp-a.vue包含可重用的a组件hybrid本地页面的目录。 有关详细信息,请参阅平台包含每个平台专用页的目录。 有关详细信息,请参阅((index ) (index.vueindex页((list(list.vuelist页) ) )存储页业务页文件的目录。 注意:只能将静态资源存储在此- main.js vue初始化门户文件- app.vue APP应用程序配置中。 它用于接收App全局样式配置和App应用程序生命周期manifest.json配置App应用程序名称、appid、logo和版本等打包信息。 有关详细信息,请参阅pagest.JSON配置id=APP应用程序生命周期
路由参考公式: https://uniapp.dcloud.io/frame? id=路由
页面样式和布局参考公式: https://uniapp.dcloud.io/frame? id=页面样式和布局
配置pages.json参考公式: https://uni app.d cloud.io/collocation/pages
manifest.json参考公式: https://uni app.d cloud.io/collocation/manifest
组件、接口参考公式:
3359 uni app.d cloud.io/component /自述
3359 uni app.d cloud.io/API /自述
请参阅官方提供的样本模板
全局变量,方法(1)定义
在App.vue的脚本标记中定义。 示例:
global.root='全局值'; global.isAuth=function () {return false; (2)使用
在使用的页面上使用变量: root方法: isAuth ()