快应用开发总结

快应用刚刚出来，相信很多小伙伴开始学习开发，那么快应用是什么呢？我理解的快应用就类似于小程序，基于应用市场的小程序。
进入正题：官方文档: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后面绑定事件名就可以了。

持续更新中。。。