一区二区三区高清aⅴ专区,台湾中文娱乐网,亚洲第一网站

小程序開發(fā)推薦vue嗎(小程序vue可以做嗎)

小程序開發(fā) 3930
今天給各位分享小程序開發(fā)推薦vue嗎的知識,其中也會對小程序vue可以做嗎進(jìn)行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!微信小程序框架解析 微信小程序框架(Vue.js)小程序開發(fā)框架的目標(biāo)是通過盡可能簡單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生 APP 體驗(yàn)的服務(wù)。整個(gè)小程序框架系統(tǒng)分為兩部分:邏輯層(App Service)和 視圖層(View)。小程序提供了自己的視圖層描述語言

今天給各位分享小程序開發(fā)推薦vue嗎的知識,其中也會對小程序vue可以做嗎進(jìn)行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!

微信小程序框架解析

微信小程序框架(Vue.js)

小程序開發(fā)框架的目標(biāo)是通過盡可能簡單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生

APP 體驗(yàn)的服務(wù)。整個(gè)小程序框架系統(tǒng)分為兩部分:邏輯層(App Service)和 視圖層(View)。小程序提供了自己的視圖層描述語言

WXML 和 WXSS,以及基于 JavaScript

的邏輯層框架,并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng),讓開發(fā)者能夠?qū)W⒂跀?shù)據(jù)與邏輯。

在剛接觸微信小程序的時(shí)候,就是官方提供的這個(gè)框架,其實(shí)該框架的思想和vue還是有相似之處,正所謂萬變不離其宗。只不過這個(gè)框架就是直接使用微信小程序所需要的wxml、wxss等文件,而其他框架最終打包生成的文件才是官方所需要的。所以我建議就是初學(xué)者,還是可以先使用或?qū)W習(xí)下該框架,更能直接的了解小程序和學(xué)習(xí)。所以初學(xué)者值得推薦。

推薦兩個(gè)微信小程序開發(fā)框架

下面是最近了解的,開發(fā)者使用較多的框架:

1. WePY

WePY屬騰訊系,是一款組件化的開發(fā)框架,比原生小程序的開發(fā)模式更接近于MVVM ,它類Vue的開發(fā)風(fēng)格,讓Vue開發(fā)者很容易上手。

Github地址:

官網(wǎng)地址:

2. mpvue

mpvue 是美團(tuán)點(diǎn)評開源的一個(gè)使用Vue.js開發(fā)小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實(shí)現(xiàn),使其可以運(yùn)行在小程序環(huán)境中,從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗(yàn)。

Github:

官網(wǎng):

小程序開發(fā)用什么框架

小程序的開發(fā)都是通過各自的開發(fā)工具進(jìn)行開發(fā),有它獨(dú)有的語法規(guī)則。沒有什么框架,不過可以使用ui框架來改變頁面樣式 例如:Mintui Wux WeApp iView WeApp

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)綁定一個(gè)變量的值為元素的某個(gè)屬性的時(shí)候,會在變量前面加上冒號:

小程序綁定某個(gè)變量的值為元素屬性時(shí),會用兩個(gè)大括號括起來

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)注本站。

掃碼二維碼