小程序用vue开发（vue做微信小程序开发）

本篇文章给大家谈谈小程序用vue开发，以及vue做微信小程序开发对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享小程序用vue开发的知识，其中也会对vue做微信小程序开发进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、推荐两个微信小程序开发框架
• 2、使用vue3+ typeScript 开发小程序
• 3、关于微信小程序开发中如何动态的往数组中添加对象，并进行更改

推荐两个微信小程序开发框架

下面是最近了解的，开发者使用较多的框架：

1. WePY

WePY属腾讯系，是一款组件化的开发框架，比原生小程序的开发模式更接近于MVVM ，它类Vue的开发风格，让Vue开发者很容易上手。

Github地址: https://github.com/Tencent/wepy

官网地址：https://tencent.github.io/wepy

2. mpvue

mpvue 是美团点评开源的一个使用Vue.js开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

Github：https://github.com/Meituan-Dianping/mpvue

官网：http://mpvue.com/

使用vue3+ typeScript 开发小程序

要求是使用 vue3 + typescript 进行开发小程序和H5的跨端应用

在 uniapp 和 taro 这两个之中进行选择 在参了官方和社区示例后最终选择了 taro 。原因在于 uniapp 目前对于 vue3 的支持尚不完全比如说暂不支持 setup 语法糖对于h5的支持比较差 没有支持 vue3 的 ui 框架等等。

node.js

注意tarojs的版本 建议使用 taro 3.0.24 以上的版本
由于引用 node_modules 的模块小程序用vue开发，默认不会编译小程序用vue开发，所以需要额外给 H5 配置 esnextModules 小程序用vue开发，在 taro 项目的 config/index.js 中新增如下配置项：

如果出现类似 Could not find module View in @tarojs/components 的问题，请在进行如下设置：

详情请参考 https://github.com/dexterBo/mall

关于微信小程序开发中如何动态的往数组中添加对象，并进行更改

因为以前都是用Vue开发，写项目，自然而然的就习惯了vue的双向绑定机制，开发中也觉得这真是方便，但是在最近的小程序开发中，我在动态往数组中传值，可是吃尽了苦头，怎么绑都绑定不上。当然，也并不是再说小程序的不好，各有各的开发理念，各有各的好，所以在这里写下一些心得，一方面让自己别忘了，一方面也希望和我一起遇到这个问题的小伙伴们，别再走这个坑!
言归正传：
加入此刻我的data中，有一个数组
然后我定义了一个方法，需要往这个lists数组中动态的添加数据
这个方法是可以往data中的lists中添加对象的，这我相信大家都能做得到，很简单
但是，当我们要改变这个lists中某个对象下的key：value值呢？当时我就在这里卡了好久，我一开始想的的是在this.setData()这个函数中，把key值改为 lists[下标].属性值 但是当我这样写了以后，控制台立马报错，原因是因为，他在data中并没有找到你这个key值，也就是说我们这个写的方法是错误的，但是按照道理思路是没错的，所以也就有了下面这个方法，可以改变对应的lists里面的属性值
这样就可以了，就能改变data中数组里面任意的值，不过要谨记一点，就是，一定要拿中括号[xx]包裹你要改变的key值，不然也是会报错的！好了，其实我感觉我说了很多没必要的话，但是，我就当记笔记了！希望大家和自己继续努力，学习永无止境【点击了解更多加盟项目】 关于小程序用vue开发和vue做微信小程序开发的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 小程序用vue开发的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于vue做微信小程序开发、小程序用vue开发的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。