小程序開發(fā)和vue開發(fā)的區(qū)別（小程序開發(fā) vue）
本篇文章給大家談談小程序開發(fā)和vue開發(fā)的區(qū)別，以及小程序開發(fā) vue對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
vue和小程序的比較
vue的鉤子函數(shù):
beforeCreat: 創(chuàng)建前
created: 創(chuàng)建
beforeMount: 掛載前
mounted: 掛載
beforeupdate: 更改前
updated: 更改
beforeDestroy: 銷毀前
destroyed: 銷毀
小程序的鉤子函數(shù):
onLoad: 頁面加載
onShow: 頁面顯示
onReady: 頁面初次渲染完成
onHide: 頁面隱藏
onUnload: 頁面卸載
vue一般會在created或者mounted中請求數(shù)據(jù)，而在小程序，會在onLoad或者onShow中請求數(shù)據(jù)
vue動態(tà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中對應的值
小程序中通過this.setData({key:value})將表單上的值賦值給data中的對應值
vue中需要在觸發(fā)事件的方法中，把需要傳遞的數(shù)據(jù)作為形參傳入
小程序中需要將參數(shù)作為屬性值，綁定到元素上的data-屬性上，然后在方法中，通過e.currentTarget.dataset.*的方式獲取，從而完成參數(shù)傳遞
uniapp和vue有什么區(qū)別？
vue和uni-app的區(qū)別如下：
1、uni-app可以通過打包實現(xiàn)一套代碼多端運行，而vue不行。
2、uni-app有自動的框架預載，加載頁面的速度更快，vue沒有。
3、uniapp使用小程序的標簽，vue使用web端的標簽。
4、uni不支持vue-router，使用自帶的路由。
uni-app的優(yōu)點
優(yōu)點一：
uni-app是一套可以適用多端的開源框架，一套代碼可以同時生成ios，Android，H5，微信小程序，支付寶小程序，百度小程序等。
優(yōu)點二：
uni-app對前端開發(fā)人員比較友好，學習成本比較低，首先uni-app是基于vue.js的。其次封裝的組件和微信小程序的組件一樣。
優(yōu)點三：
uni-app使用HBX進行開發(fā)，HBX對于vue語法等支持可以說是比較完備了。
vue和小程序的語法對比
為了實現(xiàn)動態(tài)地修改元素高度：
可以看到，vue將以：開頭的屬性的值當作js表達式，這適合屬性中變量多，字符串少的情況，字符串多了要很多引號，像這個樣子：
微信小程序不需要：開頭，它把屬性值當作字符串，這適合字符串多，變量少的情況，（變量多了要很多花括號），
并且屬性值的中的變量和普通元素里面的變量沒什么區(qū)別，都是用雙花括號包裹，人們可以根據(jù)一個簡單的規(guī)則區(qū)分字符串和變量；
所以關于屬性的值的表示我更傾向與微信小程序的寫法
小程序開發(fā)和vue開發(fā)的區(qū)別的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關于小程序開發(fā) vue、小程序開發(fā)和vue開發(fā)的區(qū)別的信息別忘了在本站進行查找喔。
