开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第33天，点击查看活动详情
- 今天先简简单单学习了ui-app的基础知识。没学之前不知道是个什么鬼玩意，经过了一些简单学习，原来才知道uni-app是一个比较厉害的框架。
- 该框架呢可以编写各个端的代码，只写一套代码，就可以运行在不同端，真的是为程序员少掉一点头发的里程碑上做出了重大贡献。
uni-app本身是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。- 所以说，如果学过vue和其他小程序框架的话，对于ui-app的用法应该会比较容易接受一点。
注意：如果用微信开发者工具第一次打开的话，需要先选择微信开发者在本地磁盘的下载路径，如果是在支付宝小程序里运行ui-app代码的话，需要选择的是微信开发者工具在本地的具体下载路径。
如上是一个
ui-app的一个demo，因为它是基于vue的，所以里面代码编写和vue单文件组件是一样的。
如果想让这个代码运行在不同端，就需要做不同的配置。
运行在微信开发者工具上的话，执行如下步骤：
运行--->
注意：在具体运行前，要先把服务端口打开，步骤：微信开发者工具"设置"--->"安全设置"--->"服务端口"
这时候代码就可以在微信开发者工具上执行。在HBuilderX里修改代码，微信开发者里也会更新。
运行在支付宝小程序里也是一样的，和微信里一样，填写支付宝开发者工具的下载的路径，然后弹出支付宝开发者工具，复制下面的路径，并打开即可
D:\uni-app\teacherDemo1\unpackage\dist\dev\mp-alipay
