qq_39167934的博客

在HbuilderX中，两者都是点击时触发事件;不同的是:1.@click是组件被点击时触发，会有约300ms的延迟(内置处理优化了)2.@tap是手指触摸离开时触发，没有300ms的延迟，但是会员事件穿透；3.编译到小程序端，@click会被转成@tap4.@click,@tap 事件，在浏览器上，@tap 事件会覆盖@click；在手机端的时候，2个事件都存在，这2个取其中一个就可以事件穿透的理解:@tab可以阻止事件冒泡，@click不可以用@事件监听 DOM 事件。

vue h5转换uni-app指南（vue转uni、h5转uni）分类：uni-app转换vue转h5转如果你已经有了一个基于vue开发的H5站点，想转换为uni-app。首先注意2个前提：1、你的web站是适合手机屏幕的；2、你的H5代码是全后端分离的，uni-app只处理前端代码。一切从新建一个uni-app项目开始。然后依次进行文件处理把之前的vue web项目的前端代码copy到新项目下 如果之前的文件后缀名是.html，需要改为.vue，并注意遵循vue单文件组件..

1.介绍个好用的工具，那便是miniprogram-to-uniapp自动转换工具。2.全局安装此工具，命令行如下npm install miniprogram-to-uniapp -g3.查看工具版本号，命令行如下wtu -V回车若显示该工具版本号，则证明安装成功4.开始进行转换，命令行如下//冒号里面是小程序的项目路径wtu -i "E:\其他\patient-wechat\miniprogram"回车后即可以在源项目同及目录得到一个后缀为_uni的目录，即

启动各个端的命令//启动项目（微信小程序）npm run dev:mp-weixin//启动项目（h5）npm run dev:h5//启动项目（app平台）npm run build:app-plus （也就是App平台运行调试不支持cli方式，需在HBuilderX中运行调试）//启动项目（支付宝小程序） npm run dev:mp-alipay//启动项目（百度小程序）npm run dev:mp-baidu //启动项目（字节跳动小程序）npm run dev

一。看完官网的介绍-https://uniapp.dcloud.io/二。体验uni-app-https://uniapp.dcloud.io/quickstart三。看官方给的入门教学视频-https://ke.qq.com/course/343370?taid=2788142445051210如果你熟悉h5，但不熟悉vue和小程序看完这篇白话uni-app DCloud与vue合作，在vue.js官网提供了免费视频教程，也可以直达教程地址：https://learning.dcloud

uni-app 是一个用 vue 语法来开发小程序、App、H5 的框架，官方推荐的开发工具为 HBuilderX，使用起来有很好的开发体验。不过，由于 HBuilderX 没有 Linux 版以及很多前端之前已经习惯了 vscode，不想更换编辑器。直接使用 vscode 开发 uni-app，其体验并不是很好。其实 uni-app 和 vscode 也可以很搭，接下来为大伙带来 vscode 中 uni-app 的正确打开姿势。CLI 工程全局安装 vue-cli 3.x（如已安装请跳过