小程序開(kāi)發(fā)和vue開(kāi)發(fā)的區(qū)別（小程序開(kāi)發(fā) vue）
本篇文章給大家談?wù)勑〕绦蜷_(kāi)發(fā)和vue開(kāi)發(fā)的區(qū)別，以及小程序開(kāi)發(fā) vue對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
微信小程序就是 Vue 嗎
微信小程序和vue框架有點(diǎn)類似，但是差別還是很大，比如微信小程序綁定語(yǔ)法千篇一律{{data}}，但是vue的只是在text里面能這樣用，屬性要用 v-bind,還能支持模版
vue和小程序的比較
vue的鉤子函數(shù):
beforeCreat: 創(chuàng)建前
created: 創(chuàng)建
beforeMount: 掛載前
mounted: 掛載
beforeupdate: 更改前
updated: 更改
beforeDestroy: 銷毀前
destroyed: 銷毀
小程序的鉤子函數(shù):
onLoad: 頁(yè)面加載
onShow: 頁(yè)面顯示
onReady: 頁(yè)面初次渲染完成
onHide: 頁(yè)面隱藏
onUnload: 頁(yè)面卸載
vue一般會(huì)在created或者mounted中請(qǐng)求數(shù)據(jù)，而在小程序，會(huì)在onLoad或者onShow中請(qǐng)求數(shù)據(jù)
vue動(dòng)態(tài)綁定一個(gè)變量的值為元素的某個(gè)屬性的時(shí)候，會(huì)在變量前面加上冒號(hào)：
小程序綁定某個(gè)變量的值為元素屬性時(shí)，會(huì)用兩個(gè)大括號(hào)括起來(lái)
vue使用v-if 和v-show控制元素的顯示和隱藏
小程序使用wx-if和hidden控制元素的顯示和隱藏
vue使用v-on:event綁定事件，或者使用@event綁定事件，@event.stop阻止事件冒泡
小程序用bindtap(bind+event)，或者catchtap(catch+event)綁定事件，阻止事件冒泡
vue中如下:
小程序中如下：
vue中的表單元素上加v-model，然后再綁定data中對(duì)應(yīng)的值
小程序中通過(guò)this.setData({key:value})將表單上的值賦值給data中的對(duì)應(yīng)值
vue中需要在觸發(fā)事件的方法中，把需要傳遞的數(shù)據(jù)作為形參傳入
小程序中需要將參數(shù)作為屬性值，綁定到元素上的data-屬性上，然后在方法中，通過(guò)e.currentTarget.dataset.*的方式獲取，從而完成參數(shù)傳遞
vue和小程序的語(yǔ)法對(duì)比
為了實(shí)現(xiàn)動(dòng)態(tài)地修改元素高度：
可以看到，vue將以：開(kāi)頭的屬性的值當(dāng)作js表達(dá)式，這適合屬性中變量多，字符串少的情況，字符串多了要很多引號(hào)，像這個(gè)樣子：
微信小程序不需要：開(kāi)頭，它把屬性值當(dāng)作字符串，這適合字符串多，變量少的情況，（變量多了要很多花括號(hào)），
并且屬性值的中的變量和普通元素里面的變量沒(méi)什么區(qū)別，都是用雙花括號(hào)包裹，人們可以根據(jù)一個(gè)簡(jiǎn)單的規(guī)則區(qū)分字符串和變量；
所以關(guān)于屬性的值的表示我更傾向與微信小程序的寫法
關(guān)于小程序開(kāi)發(fā)和vue開(kāi)發(fā)的區(qū)別和小程序開(kāi)發(fā) vue的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。
