本篇文章給大家談?wù)勑〕绦蜷_(kāi)發(fā)和vue開(kāi)發(fā)的區(qū)別，以及小程序用vue開(kāi)發(fā)可以嗎對(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生命周期和小程序生命周期

在使用vue和小程序時(shí)，會(huì)發(fā)現(xiàn)一些生命周期鉤子函數(shù)的異同之處：

首先看下圖

這是8個(gè)vue生命周期鉤子函數(shù)（為了方便閱讀，其調(diào)用時(shí)間與方法均注釋在函數(shù)中）

以下三種生命周期鉤子函數(shù)是針對(duì) keep-live 和 識(shí)別子元素錯(cuò)誤時(shí)調(diào)用

同上，其調(diào)用均注釋在函數(shù)中，方便理解；

這是小程序常用頁(yè)面生命周期（運(yùn)用注釋在對(duì)應(yīng)函數(shù)中）

以上為小程序其他頁(yè)面函數(shù)

以上我們可以看到兩種頁(yè)面生命周期函數(shù)的異同點(diǎn)：

vue小程序中都具備頁(yè)面創(chuàng)建，頁(yè)面渲染，和頁(yè)面銷毀時(shí)候的調(diào)用鉤子，但是在小程序中，結(jié)合其特別的存在，前后臺(tái)執(zhí)行、滑動(dòng)滾動(dòng)執(zhí)行這一類鉤子函數(shù)都為開(kāi)發(fā)者配備的比較齊全；

另外還需要注意的是，在vue中的數(shù)據(jù)改變使用this.data直接進(jìn)行更改即可，但是在小程序中，數(shù)據(jù)的改變需要調(diào)用this.setData() 進(jìn)行改變（見(jiàn)上圖）！

END

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)于屬性的值的表示我更傾向與微信小程序的寫(xiě)法

小程序開(kāi)發(fā)與前端開(kāi)發(fā)區(qū)別

技術(shù)上看，WEB前端開(kāi)發(fā)技能與小程序開(kāi)發(fā)技能高度重合。但在能力、條件允許的前提下，WEB開(kāi)發(fā)給人的感覺(jué)還是比小程序開(kāi)發(fā)好。因?yàn)楹芏鄷r(shí)候，人們理解的小程序開(kāi)發(fā)工程師，只是做前端，而前端在WEB開(kāi)發(fā)中只是技能的一小部分?！军c(diǎn)擊查看小程序開(kāi)發(fā)底價(jià)】

小程序開(kāi)發(fā)也默認(rèn)是包含小程序前端技術(shù)和小程序后端技術(shù)的話，后端技術(shù)上WEB開(kāi)發(fā)與小程序開(kāi)發(fā)是通用的，而前端開(kāi)發(fā)小程序就相當(dāng)于WEB開(kāi)發(fā)的眾多前端中的一種框架，類似WEB前端的VUE框架一樣，它們之間的技術(shù)棧區(qū)別并不大。

想要了解更多有關(guān)小程序開(kāi)發(fā)的相關(guān)信息，推薦咨詢豬八戒網(wǎng)。豬八戒網(wǎng)成立于2006年，是中國(guó)領(lǐng)先的企業(yè)服務(wù)平臺(tái)，服務(wù)交易獨(dú)角獸企業(yè)。豬八戒網(wǎng)現(xiàn)有注冊(cè)用戶2800萬(wàn)、在全國(guó)布局線下數(shù)字化創(chuàng)業(yè)園區(qū)超過(guò)100個(gè)。十余年來(lái)，累計(jì)有10萬(wàn)余個(gè)人通過(guò)平臺(tái)孵化成長(zhǎng)為公司，超過(guò)100萬(wàn)人通過(guò)平臺(tái)實(shí)現(xiàn)靈活就業(yè)，千萬(wàn)企業(yè)通過(guò)平臺(tái)解決專業(yè)服務(wù)需求；專業(yè)性值得選擇。