首页 / VUE / 小程序和vue的区别

小程序和vue的区别

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了小程序和vue的区别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含960字，纯文字阅读大概需要2分钟。

内容图文

最近开发了一个比较完整的小程序项目，打算总结一下，小程序开发和vue开发的代码上的区别

1.小程序的路由写在app.json文件里，vue写在route.js里

2.小程序用 src="{{path}}" 绑定标签属性，vue用 :src="path" 绑定标签属性

3.小程序用 wx:if="{{lenth>5}}" 来条件判断，vue用 v-if="lenth>5" 来条件判断

4.小程序用 wx:for="{{array}}" 来遍历列表，默认数组的当前项的下标变量名为 index，默认数组当前项的变量名为 item；vue用 v-for="(item,index) in array" 来条件遍历列表

5.小程序用wx.navigateTo()或wx.rediretTo()跳转页面，vue用this.$router.push()或this.$router.replace()跳转页面

6.小程序绑定事件传参这标签里加data-变量名="参数值"的属性，事件回调方法取参时使用e.currentTarget.dataset.变量名的方式获取参数值；vue绑定事件传参直接在标签里的事件回调方法后加参数，如@click="callbackName(参数值)",事件回调方法取参数只要声明function加上参数名，如callbackName:function(变量名){ }，方法体里就可以用变量名直接使用该参数

7.小程序用<block></block>配合wx:if或wx:for来渲染包含多个元素的内容，vue用<template></template>配合v-if或v-for来渲染包含多个元素的内容

8.小程序里给data的属性赋值需要使用this.setData()方法来更新，不能用‘=‘直接赋值；vue给data里的属性赋值可以直接用‘=‘，如this.a=true

9.小程序防止事件冒泡把bindtap改为catchtap就可以了；vue防止事件冒泡用添加事件修饰符来实现，如@click.stop

 

原文：https://www.cnblogs.com/wxcbg/p/11635504.html

内容总结

以上是互联网集市为您收集整理的小程序和vue的区别全部内容，希望文章能够帮你解决小程序和vue的区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1215545.html

来源：【匿名】