vue與微信小程式的區別

2022-08-09 22:54:22 字數 646 閱讀 1875

(1)生命週期不同

小程式:onload():頁面載入,乙個頁面只會呼叫一次,可以獲取引數

onshow()頁面顯示

onready() 首次顯示頁面,會觸發onready()方法,渲染頁面元素和樣式,乙個頁面只會呼叫一次。

onhide() 當小程式後台執行或者跳轉到其他頁面,觸發onhide()

onunload()頁面解除安裝

vue:

beforecreate、created(建立)、beforemount、mounted(掛載)、beforeupdate、updated(更新)、beforedestory、destoryed(銷毀)

(2)資料繫結

vue:動態繫結乙個變數的值為某個屬性時,會在前面加上冒號"imgsrc"/>

小程式:繫結某個變數的值為元素屬性時,會用兩個大括號括起來  

(3)列表渲染

vue:

小程式:

}(4)事件繫結

vue:    

小程式:使用bindtap或catchtap(catchtap阻止事件冒泡)

(3)執行流暢程度不同。開啟h5,實際上是開啟乙個網頁,而網頁需要在瀏覽器中渲染。對於複雜的業務或者豐富的頁面互動會產生卡頓現象。

微信小程式與web頁面製作的區別

1.1 差異 在html中,我們最常見的標籤有哪些呢?1.2 聯絡 那麼他們兩者有沒有什麼聯絡呢?總結 這是我在我的個人部落格中做的輪播圖,看 index.wxml banner true autoplay true circular true class swiper box interval 4...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...