本篇文章給大家談?wù)勑〕绦蜷_發(fā)推薦vue嗎，以及基于vue的小程序?qū)?yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

微信小程序框架解析

微信小程序框架（Vue.js）

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

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

WXML 和 WXSS，以及基于 JavaScript

的邏輯層框架，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，讓開發(fā)者能夠?qū)Ｗ⒂跀?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ù)傳遞

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

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

1. WePY

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

Github地址:

官網(wǎng)地址：

2. mpvue

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

Github：

官網(wǎng)：

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

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

關(guān)于小程序開發(fā)推薦vue嗎和基于vue的小程序的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。