如何利用vue+taro开发小程序
2021/12/10 13:16:49
本文主要是介绍如何利用vue+taro开发小程序,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
Taro 是一款多端开发框架。开发者只需编写一份代码,即可生成各小程序端、H5 以及 React Native 的应用。
Taro Next 将支持使用多框架开发
过去的 Taro 1 与 Taro 2 只能使用 React 语法进行开发,但下一代的 Taro 框架对整体架构进行了升级,支持使用 React、Vue、Nerv 等框架开发多端应用。
为了支持使用多框架进行开发,Taro 需要对自身的各端适配能力进行改造。本文将重点介绍如何用 Taro + vue开发小程序。
ui选用的taro-ui-vue 。
1、搭建项目
node的版本
tip:TypeScript那里要选择yes不然在后面的引入ui时会出现报错,如果未选择,后者可在babel.config.js文件中修改:
2、开始开发后的一些记录
写死的尺寸单位用大写的PX
普通的点击事件方法: @tap
在引入ui时,如果按照官方的直接拷贝来用可能会报错,存在路径不对的问题,所以要自己查看路径进行修改。
可能会存在资源在打包时没有引入的,导致报错的问题,解决办法:在config/index.js文件中配置:图中为你资源的存放路径
这篇关于如何利用vue+taro开发小程序的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程