家政微信小程序-微信小程序:uniapp开发和原生开

--------

家政微信小程序

-------

uni-app 是一个应用 Vue.js 开发设计全部前端开发运用的架构,开发设计者编写一套编码,可公布到iOS、Android、Web(响应式网站)、和各种各样小程序(手机微信/付款宝/百度搜索/头条/QQ/钉钉/淘宝)、快运用等多个服务平台。因此应用uni-app开发设计的实质還是应用Vue,本文关键比较的是Vue和小程序原生态开发设计的差别。

1.网页页面合理布局模版。

Vue:模版仅有一个根标识

 template view /view /template 

小程序原生态:wxml能够多个并列根标识

 view /view view /view 

 2、依据标准动态性加上class 

Vue:

 view : /view 

小程序原生态:

 view class="{{current === index ? 'current' : '' }}" /view 

3、数字能量数组循环系统

Vue:

 view v-for="(item, index) in []" :key="index" /view 

小程序原生态:

 view wx:for="[]" wx:key="index" /view // 默认设置特定item为当今项, index是数据库索引,wx:for-item,wx:for-index改动自变量名 view wx:for="[]" wx:key="index" wx:for-item="subItem" wx:for-index="subIndex" /view 

4、点一下恶性事件关联

Vue:

 view @click="handleClick(index)" /view // vue的js编码 methods: { handleClick(index){} }

小程序原生态:

 view bindtap="handleClick" data-index="index" /view // 恶性事件涵数和onload,data同级的,立即界定 handleClick(event){ // 主要参数 event.currentTarget.dataset.index }

5、取值文件格式

Vue:

 this.list = ['1','2','3'];

小程序原生态:

 // 应用setData方式改动 this.setData({ list:['1','2','3'] })

6、点一下恶性事件传值

Vue:

 button @click="btnClick(123)" /button 

小程序原生态:

 button bindtap="benClick" data-number="123" /button 
---------

家政微信小程序

------------

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://wyktgj.cn/jingyan/4013.html