一、實例生命周期
除了Vue本身的生命周期處,mpvue還兼容了小程序的生命周期,這部分生命周期的鉤子來源于微信小程序的Page,除特殊情況外,不建議使用小程序的生命周期鉤子。
app 部分:
page 部分:
用法示例:
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"注意點:
二、模板語法
不支持 純-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 事件。
新聞熱點
疑難解答
圖片精選