快应用开发总结

快应用刚刚出来，相信不少小伙伴开始学习开发，那么快应用是什么呢？我理解的快应用就相似于小程序，基于应用市场的小程序。
进入正题：官方文档:https://doc.quickapp.cn/

搭建环境

• 先装个node.js
  推荐安装6.13.1缘由很简单，官方不支持8，我用9的报错了。
  地址：https://nodejs.org/dist/lates...
• 安装hap-toolkit
  npm install -g hap-toolkit
• 接下来是装app（快应用和快应用调试器）
  地址1：https://statres.quickapp.cn/q...
  地址2：https://statres.quickapp.cn/q...
  这两个必须同时存在
• 好了接下来开始进入正题

  在你要建立的地方命令行输入 hap init <ProjectName> 建立一个项目
  紧接着 npm install 安装依赖
  最后 npm run build 生成rpk包
  而后 npm run server 开启监听服务，这个时候cmd会出现一个二维码 看不了是吧？？不要紧，打开chrome，输入localhost:12306，这个时候看到了一个二维码
  这个时候拿出手机，打开快应用调试器点扫码安装（手机和电脑要在同一个网段，简单的说就是同一个路由器）
  这个时候手机上就会打开那个应用了，，若是没有 过一下子就会弹出打开失败，那就颇有多是手机问题了
  退出应用，仍是打开调试器，这个时候点击开始调试看看chrome是否是自动打开了个网页，，尽情的调试吧（bug不少，不太好用，不过也没办法）
  因为咱们常常要改代码，因此呢再开一个命令行输入 npm run watch 让他自动编译

• Notice
  有个该说的仍是要说，
  布局：布局人家说用的弹性盒子不懂看这http://www.ruanyifeng.com/blo...
  自适应问题：你的rem是不能用的，人家只支持px和%，怎么办呢？？看到这个文件manifest.json，config中的designWidth设置成你调试用的那个手机的像素宽。
  本身的js文件：跟微信小程序同样，把须要调用的方法暴露出去

module.exports = {
        test: test
    
    }

有一个巨坑：最好在每个页面的script中定义

var root;
export default {
        data: {
            tset：1
        },
        onInit () {
            root = this;
        }
    }

为何呢？？在export default外的方法你是没办法操做view的数据的，这就形成了咱们函数调用的时候没办法赋值，如今你在数据渲染的时候就能够用root.test = 2；这样渲染数据了 没有地图怎么办？？？直接点用浏览器打开你的外部地址吧，，目前只有这个办法了。

关于事件的使用

举例子，如web这个

<web src="{{url}}" id="web" onpagefinish="pageFinish" ontitlereceive="titleReceive"></web >

相信你们有看到事件，，可是不知道怎么用。这个问题我纠结了好久，其实事件只须要在前面加一个on后面绑定事件名就能够了。

持续更新中。。。