小程序开发需要vue吗(vuejs开发小程序)
本篇文章给大家谈谈小程序开发需要vue吗,以及vuejs开发小程序对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
微信小程序框架解析
微信小程序框架(Vue.js)
小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生
APP 体验的服务。整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。小程序提供了自己的视图层描述语言
WXML 和 WXSS,以及基于 JavaScript
的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。
在刚接触微信小程序的时候,就是官方提供的这个框架,其实该框架的思想和vue还是有相似之处,正所谓万变不离其宗。只不过这个框架就是直接使用微信小程序所需要的wxml、wxss等文件,而其他框架最终打包生成的文件才是官方所需要的。所以我建议就是初学者,还是可以先使用或学习下该框架,更能直接的了解小程序和学习。所以初学者值得推荐。
推荐两个微信小程序开发框架
下面是最近了解的,开发者使用较多的框架:
1. WePY
WePY属腾讯系,是一款组件化的开发框架,比原生小程序的开发模式更接近于MVVM ,它类Vue的开发风格,让Vue开发者很容易上手。
Github地址:
官网地址:
2. mpvue
mpvue 是美团点评开源的一个使用Vue.js开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。
Github:
官网:
浅谈原生小程序
有句话说,会使用 vue 开发的程序员就会开发小程序,确实是这样,在我学习 vue 后,再去学习小程序时,感觉很好上手,因为很多语法都是类似的写法。当然,也有很多不一样的。
1.声明 data :用过 vue 的朋友都知道, vue 中声明 data 时, data 必须是函数,不然会报错,原生的小程序就不是这样,直接 data: { } 就ok了。
2.绑定数据:绑定动态属性时需要在属性的双引号里使用 {{ }}
3.列表循环:使用 wx:for ,在循环题内有隐藏的item代表当前项, index 代表下标
4.事件 事件处理函数在page里定义,和onLoad / data等同级
事件的写法:以 bind 或 catch 开头,然后跟上事件的类型,如 bindtap、catchtouchstart
bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。
事件的传参:事件传参不能事件处理通过 () 来传递参数,在组件里面通过自定义属性 data-xx="参数名称" 来定义,在事件处理函数里通过 event.currentTarget.dataset 来获取参数
事件官方文档
5.修改data里面的数据
在vue中,修改data里面的数据,直接【 this.属性 】就可以修改了,可是小程序不一样,它需要通过【 this.setData({ data: newData }) 】来修改,访问data的中的数据用【 this.data.xx 】来访问;一开始学习小程序的时候,习惯了[vue]()的写法,总是写成 vue 的法,贼难受。
6.自定义组件
更多关注 小程序官方文档
小程序开发用什么框架
小程序的开发都是通过各自的开发工具进行开发,有它独有的语法规则。没有什么框架,不过可以使用ui框架来改变页面样式 例如:Mintui Wux WeApp iView WeApp
微信小程序开发主要用到什么技术
1.前端基础,如JS、HTML、css
2.一门后台语言,如PHP、JAVA,后端什么语言都可以,自己定。【点击查看小程序开发底价】
3.学习微信接口文档如果用到了微信本身相关功能,如支付、分享等功能,加个微信jssdk就可以了。
4.还需要美工,保证制作的小程序有美感。
想要了解更多有关小程序开发的相关信息,推荐咨询猪八戒网。猪八戒网成立于2006年,是中国领先的企业服务平台,服务交易独角兽企业。猪八戒网现有注册用户2800万、在全国布局线下数字化创业园区超过100个。十余年来,累计有10万余个人通过平台孵化成长为公司,超过100万人通过平台实现灵活就业,千万企业通过平台解决专业服务需求;专业性值得选择。
小程序开发需要vue吗的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于vuejs开发小程序、小程序开发需要vue吗的信息别忘了在本站进行查找喔。