小程序開發(fā)推薦vue嗎(小程序支持vue嗎)
本篇文章給大家談?wù)勑〕绦蜷_發(fā)推薦vue嗎,以及小程序支持vue嗎對應(yīng)的知識點,希望對各位有所幫助,不要忘了收藏本站喔。
微信小程序開發(fā)主要用到什么技術(shù)
1.前端基礎(chǔ),如JS、HTML、css
2.一門后臺語言,如PHP、JAVA,后端什么語言都可以,自己定?!军c擊查看小程序開發(fā)底價】
3.學(xué)習(xí)微信接口文檔如果用到了微信本身相關(guān)功能,如支付、分享等功能,加個微信jssdk就可以了。
4.還需要美工,保證制作的小程序有美感。
想要了解更多有關(guān)小程序開發(fā)的相關(guān)信息,推薦咨詢豬八戒網(wǎng)。豬八戒網(wǎng)成立于2006年,是中國領(lǐng)先的企業(yè)服務(wù)平臺,服務(wù)交易獨角獸企業(yè)。豬八戒網(wǎng)現(xiàn)有注冊用戶2800萬、在全國布局線下數(shù)字化創(chuàng)業(yè)園區(qū)超過100個。十余年來,累計有10萬余個人通過平臺孵化成長為公司,超過100萬人通過平臺實現(xiàn)靈活就業(yè),千萬企業(yè)通過平臺解決專業(yè)服務(wù)需求;專業(yè)性值得選擇。
推薦兩個微信小程序開發(fā)框架
下面是最近了解的,開發(fā)者使用較多的框架:
1. WePY
WePY屬騰訊系,是一款組件化的開發(fā)框架,比原生小程序的開發(fā)模式更接近于MVVM ,它類Vue的開發(fā)風(fēng)格,讓Vue開發(fā)者很容易上手。
Github地址:
官網(wǎng)地址:
2. mpvue
mpvue 是美團(tuán)點評開源的一個使用Vue.js開發(fā)小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實現(xiàn),使其可以運(yùn)行在小程序環(huán)境中,從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗。
Github:
官網(wǎng):
小程序開發(fā)用什么框架
小程序的開發(fā)都是通過各自的開發(fā)工具進(jìn)行開發(fā),有它獨有的語法規(guī)則。沒有什么框架,不過可以使用ui框架來改變頁面樣式 例如:Mintui Wux WeApp iView WeApp
淺談原生小程序
有句話說,會使用 vue 開發(fā)的程序員就會開發(fā)小程序,確實是這樣,在我學(xué)習(xí) vue 后,再去學(xué)習(xí)小程序時,感覺很好上手,因為很多語法都是類似的寫法。當(dāng)然,也有很多不一樣的。
1.聲明 data :用過 vue 的朋友都知道, vue 中聲明 data 時, data 必須是函數(shù),不然會報錯,原生的小程序就不是這樣,直接 data: { } 就ok了。
2.綁定數(shù)據(jù):綁定動態(tài)屬性時需要在屬性的雙引號里使用 {{ }}
3.列表循環(huán):使用 wx:for ,在循環(huán)題內(nèi)有隱藏的item代表當(dāng)前項, index 代表下標(biāo)
4.事件 事件處理函數(shù)在page里定義,和onLoad / data等同級
事件的寫法:以 bind 或 catch 開頭,然后跟上事件的類型,如 bindtap、catchtouchstart
bind事件綁定不會阻止冒泡事件向上冒泡,catch事件綁定可以阻止冒泡事件向上冒泡。
事件的傳參:事件傳參不能事件處理通過 () 來傳遞參數(shù),在組件里面通過自定義屬性 data-xx="參數(shù)名稱" 來定義,在事件處理函數(shù)里通過 event.currentTarget.dataset 來獲取參數(shù)
事件官方文檔
5.修改data里面的數(shù)據(jù)
在vue中,修改data里面的數(shù)據(jù),直接【 this.屬性 】就可以修改了,可是小程序不一樣,它需要通過【 this.setData({ data: newData }) 】來修改,訪問data的中的數(shù)據(jù)用【 this.data.xx 】來訪問;一開始學(xué)習(xí)小程序的時候,習(xí)慣了[vue]()的寫法,總是寫成 vue 的法,賊難受。
6.自定義組件
更多關(guān)注 小程序官方文檔
微信小程序框架解析
微信小程序框架(Vue.js)
小程序開發(fā)框架的目標(biāo)是通過盡可能簡單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生
APP 體驗的服務(wù)。整個小程序框架系統(tǒng)分為兩部分:邏輯層(App Service)和 視圖層(View)。小程序提供了自己的視圖層描述語言
WXML 和 WXSS,以及基于 JavaScript
的邏輯層框架,并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng),讓開發(fā)者能夠?qū)W⒂跀?shù)據(jù)與邏輯。
在剛接觸微信小程序的時候,就是官方提供的這個框架,其實該框架的思想和vue還是有相似之處,正所謂萬變不離其宗。只不過這個框架就是直接使用微信小程序所需要的wxml、wxss等文件,而其他框架最終打包生成的文件才是官方所需要的。所以我建議就是初學(xué)者,還是可以先使用或?qū)W習(xí)下該框架,更能直接的了解小程序和學(xué)習(xí)。所以初學(xué)者值得推薦。
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中對應(yīng)的值
小程序中通過this.setData({key:value})將表單上的值賦值給data中的對應(yīng)值
vue中需要在觸發(fā)事件的方法中,把需要傳遞的數(shù)據(jù)作為形參傳入
小程序中需要將參數(shù)作為屬性值,綁定到元素上的data-屬性上,然后在方法中,通過e.currentTarget.dataset.*的方式獲取,從而完成參數(shù)傳遞
關(guān)于小程序開發(fā)推薦vue嗎和小程序支持vue嗎的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。