mpvue注意事项

微信自带组件

mpvue不支持的组件名
以下为保留关键字，暂不支持作为组件名：

mpvue部分

mpvue中模板中的img标签url指向相对路径时不能正确解析
img标签用绝对路径引入
css中可以通过相对路径引入图片

import { LTabbar, LTabbarItem } from '@/components/tabbar' （不行）
只支持单文件引用
import LTabbar from '@/components/tabbar'
import LTabbarItem from '@/components/tabbar-item'
v-for
v-for里边必须加:key
所有页面里面的created生命周期函数都会在小程序加载的时候，
一次性执行，而不是每进入一个页面执行一次
解决方法，用小程序的 onload()/ vue 的 mounted()

onLoad () {
  console.log('onLoad')
},
onShow () {
  console.log('onShow')
},
mounted () {
  console.log('mounted')
},

然后实际上，只打印出

onLoad
mounted

全局变量
遇到很多需要全局变量，特别是状态的，最好统一管理。vue 的 vuex 是专为 Vue.js 应用程序开发的状态管理模式。使用过程遇到的坑是无法使用它的辅助函数 mapState、mapGetters、mapActions、mapMutations 等。看下 mpvue 的 issue 感觉是 mpvue 的问题。解决方案：用最原始的 store.commit()、store.getter
+1. 对于一在小程序组件中为 Handler或者为EventHandle 的属性，在 mpvue 框架中要写成 vue 的事件绑定形式,就像:bindchange写成@change
对于一些在小程序中绑定值的属性，组件中的 value，在 mpvue 框架中要写成 :value="date"
触发事件取值问题
小程序：event.detail = {value: value}
在 mpvue中要这样写：event.mp.detail = {value: value}
对于一些回调函数，比如getuserinfo,在原生小程序中，获取信息为：e.detail,但在mpvue中，获取方式为：e.mp.detail。
bindgetuserinfo 要写成 @getuserinfo，bindcontact 要写成 @contact，bindgetphonenumber 要写成 @getphonenumber，binderrror 要写成 @errror。
文件夹首字母不能大写
两层v-for不能用index的名字来作为索引，index改个名字就好

不支持Vue-router
不支持纯-HTML
小程序里所有的 BOM／DOM 都不能用，也就是说 v-html 指令不能用。
不支持部分复杂的 JavaScript 渲染表达式
我们会把 template 中的 {{}} 双花括号的部分，直接编码到 wxml 文件中，由于微信小程序的能力限制(数据绑定)，所以无法支持复杂的 JavaScript 表达式。目前可以使用的有 + - * % ?: ! == === > < [] .，
不支持过滤器
渲染部分会转成 wxml ，wxml 不支持过滤器，所以这部分功能不支持。
不支持函数
不支持在 template 内使用 methods 中的函数。
动态组件，自定义 render，和