国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

淺談使用mpvue開發小程序需要注意和了解的知識點

2024-05-06 15:33:55
字體:
來源:轉載
供稿:網友

一、實例生命周期

除了Vue本身的生命周期處,mpvue還兼容了小程序的生命周期,這部分生命周期的鉤子來源于微信小程序的Page,除特殊情況外,不建議使用小程序的生命周期鉤子。

app 部分:

    onLaunch,初始化 onShow,當小程序啟動,或從后臺進入前臺顯示 onHide,當小程序從前臺進入后臺

page 部分:

    onLoad,監聽頁面加載 onShow,監聽頁面顯示 onReady,監聽頁面初次渲染完成 onHide,監聽頁面隱藏 onUnload,監聽頁面卸載 onPullDownRefresh,監聽用戶下拉動作 onReachBottom,頁面上拉觸底事件的處理函數 onShareAppMessage,用戶點擊右上角分享 onPageScroll,頁面滾動 onTabItemTap, 當前是 tab 頁時,點擊 tab 時觸發 (mpvue 0.0.16 支持)

用法示例:

new Vue({ data: {  a: 1 }, created () {  // `this` 指向 vm 實例  console.log('a is: ' + this.a) }, onShow () {  // `this` 指向 vm 實例  console.log('a is: ' + this.a, '小程序觸發的 onshow') }})// => "a is: 1"

注意點:

    不要在選項屬性或回調上使用箭頭函數,比如 created: () => console.log(this.a) 或vm.$watch('a', newValue => this.myMethod())。因為箭頭函數是和父級上下文綁定在一起的,this不會是如你做預期的 Vue 實例,且 this.a 或 this.myMethod 也會是未定義的。 微信小程序的頁面的 query 參數是通過 onLoad 獲取的,mpvue 對此進行了優化,直接通過this.$root.$mp.query 獲取相應的參數數據,其調用需要在 onLoad 生命周期觸發之后使用,比如 onShow 等

二、模板語法

不支持 純-HTML

小程序里所有的 BOM/DOM 都不能用,也就是說 v-html 指令不能用。

不支持部分復雜的 JavaScript 渲染表達式

我們會把 template 中的 {{}} 雙花括號的部分,直接編碼到 wxml 文件中,由于微信小程序的能力限制(數據綁定),所以無法支持復雜的 JavaScript 表達式。

目前可以使用的有 + - * % ?: ! == === > < [] .,剩下的還待完善。

不支持過濾器

渲染部分會轉成 wxml ,wxml 不支持過濾器,所以這部分功能不支持。

不支持函數

不支持在 template 內使用 methods 中的函數。

列表渲染

全支持 官方文檔:列表渲染

只是需要注意一點,嵌套列表渲染,必須指定不同的索引!

<!-- 在這種嵌套循環的時候, index 和 itemIndex 這種索引是必須指定,且別名不能相同,正確的寫法如下 --><template>  <ul v-for="(card, index) in list">    <li v-for="(item, itemIndex) in card">      {{item.value}}    </li>  </ul></template>

事件處理器

在 input 和 textarea 中 change 事件會被轉為 blur 事件。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 丹东市| 玛纳斯县| 布尔津县| 塔河县| 汶川县| 醴陵市| 石景山区| 扎鲁特旗| 东莞市| 淮南市| 中卫市| 郸城县| 合江县| 望江县| 陆川县| 琼结县| 绥德县| 台南县| 满城县| 廊坊市| 册亨县| 开封市| 永州市| 四会市| 保定市| 特克斯县| 台前县| 东丽区| 津南区| 灌云县| 巩留县| 竹山县| 宝兴县| 方山县| 上饶市| 连平县| 黄大仙区| 山阴县| 曲水县| 周口市| 同德县|