无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 行业新闻 >

祥云系统建站系统-小程序和VUE有哪些区别

时间:2021-04-20 17:32来源:祥云系统建站系统 作者:jianzhan 点击:
手机微信微信小程序和VUE有哪些差别?写了vue新项目和微信小程序,成都市手机微信微信小程序开发设计企业发觉两者有很多同样的地方,在此想小结一下两者的相互点和差别。 一、性
--------

祥云系统建站系统

------- 手机微信小程序和VUE有甚么差别?写了vue新项目和小程序,成都手机微信小程序开发设计企业发现两者有很多同样的地方,在此想总结一下两者的相互点和差别。   一、生命周期   先贴两张图:   相比之下,小程序的钩子涵数要简易很多。   vue的钩子涵数在跳转新网页页面时,钩子涵数都会开启,可是小程序的钩子涵数,网页页面不一样的跳转方法,开启的钩子其实不一样。
onLoad:网页页面载入   一个网页页面只会启用一次,能够在 onLoad 中获得开启当今网页页面所启用的 query 主要参数。   onShow:网页页面显示信息   每次开启网页页面都会启用一次。   onReady:网页页面第一次3D渲染进行   一个网页页面只会启用一次,意味着网页页面早已提前准备稳妥,能够和主视图层开展互动。   对页面的设定如 wx.setNavigationBarTitle请在 onReady以后设定。详见生命周期。   onHide:网页页面掩藏   当 navigateTo或底部tab切换时启用。   onUnload:网页页面卸载   当 redirectTo或 navigateBack的情况下启用。   数据信息恳求   在网页页面载入恳求数据信息时,二者钩子的应用有些相近,vue一般会在 created或 mounted中恳求数据信息,而在小程序,会在 onLoad或 onShow中恳求数据信息。   二、数据信息关联   vue:vue动态性关联一个自变量的值为元素的某个特性的情况下,会在自变量前面加上冒号:,例:   img :src= imgSrc / 小程序:关联某个自变量的值为元素特性时,会用两个大括号括起来,假如不加括号,为被觉得是标识符串。例:   image src= {{imgSrc}} /image 三、目录3D渲染   立即贴编码,二者還是有些类似:   vue:   ul id= example-1   li v-for= item in items  {{ item.message }}   /li /ul   var example1 = new Vue({  el: #example-1 ,  data: {  items: [   { message: Foo },   { message: Bar }  ]  } 小程序:   Page({  data: {  items: [   { message: Foo },   { message: Bar }  ]  }   text wx:for= {{items}} {{item}} /text 四、显示信息与掩藏元素   vue中,应用 v-if 和 v-show操纵元素的显示信息和掩藏。   小程序中,应用 wx-if和 hidden操纵元素的显示信息和掩藏。   五、恶性事件解决   vue:应用 v-on:event关联恶性事件,或应用 @event关联恶性事件,例如:   button v-on:click= counter += 1 Add 1 /button button v-on:click.stop= counter+=1 Add1 /button //阻拦恶性事件冒泡 小程序中,全用 bindtap(bind+event),或 catchtap(catch+event)关联恶性事件,例如:   button bindtap= noWork 明日不工作 /button button catchtap= noWork 明日不工作 /button //阻拦恶性事件冒泡 六、数据信息双重关联   1、设定值   在vue中,只需要再表模块素上加上 v-model,随后再关联 data中对应的一个值,当表模块素內容产生转变时, data中对应的值也会相应更改,这是vue十分nice的一点。   div id= app   input v-model= reason placeholder= 填写理由 '/news/'>付款宝小程序技术性构架是如何的   ---------

祥云系统建站系统

------------ (责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信