# hbuilder_tired_to_dev

**Repository Path**: IBAS0742/hbuilder_tired_to_dev

## Basic Information

- **Project Name**: hbuilder_tired_to_dev
- **Description**: 懒得去用hbuilder
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-09-17
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[效果请看这里](https://www.bilibili.com/video/av68112300/)

vue 文件在 single_vue_page 文件夹下
启动方法是 vue serve App.vue
启动前提环境是 node + vue-cli
参考：[vue 快速原型开发文档](https://cli.vuejs.org/zh/guide/prototyping.html)

button#btn 没有定义任何事件
使用 hbuilder 为其定义
这里用 iframe 将 页面加入

iframe#iframe src=""
在iframe加载完成后，为iframe的button#btn定义一个点击事件
该事件就是发送一个消息到 主窗体
主窗体监听事件 window.addEventListener('message'

event.data.name === 'scan' ==> name: 'scan'

接下来的时间就可以使用 mui 的代码实现了
交互可以通过
iframe.contentWindow.document.getElementById('text') 将内容绑定会iframe
或者通过调用iframe里面的方法