如何利用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的版本

https://img1.sycdn.imooc.com/61b1a3120001067903400133.jpg

https://img4.sycdn.imooc.com/61b1a31200019cfd09480257.jpg

tip:TypeScript那里要选择yes不然在后面的引入ui时会出现报错,如果未选择,后者可在babel.config.js文件中修改:

https://img2.sycdn.imooc.com/61b1a33b00015a6e03590162.jpg

2、开始开发后的一些记录

写死的尺寸单位用大写的PX

 普通的点击事件方法: @tap

在引入ui时,如果按照官方的直接拷贝来用可能会报错,存在路径不对的问题,所以要自己查看路径进行修改。

 可能会存在资源在打包时没有引入的,导致报错的问题,解决办法:在config/index.js文件中配置:图中为你资源的存放路径

https://img2.sycdn.imooc.com/61b1a36500012a4c02920198.jpg



这篇关于如何利用vue+taro开发小程序的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程