mpvue是什么，详解基于Vue的开发框架mpvue-易企推网

插槽其实可以理解为是另一种形式的组件属性：普通组件属性传入的是比较简单类型的数据；而插槽传入的可以是更复杂的界面组件而已。

4、使用mpvue需要特别注意的地方。

1. 在模板中，动态插入HTML的v-html指令不可用

这条很好理解，小程序的界面并不是基于浏览器的BOM/DOM的，所以不能动态的在界面模板里直接插入HTML片段来显示。如果有在小程序里插入html片段的需求怎么办？可以用<rich-text>组件或者wxParse来实现。

2. 在模板中，用于数据绑定的双括号语法{{}}中的表达式功能存在诸多限制

在Vue本身的模板内双括号语法中，我们可以对绑定变量进行比较丰富的处理，比如：

可以调用methods下的函数，例如：
如果变量是对象的话，也可以调用对象的成员方法
可以使用过滤器来处理变量，最有用的场景算是格式化数据了

以上这些好用的功能，在mpvue中，记得都是通通不能用的哦！！！

我们只能在双括号中使用一些简单的运算符运算（+ - * % ?: ! == === > < [] .）。

但是也得找些可用的替代方案呐，大伙先考虑使用计算属性(computed)来做吧。

3. 在模板中，除事件监听外，其余地方都不能调用methods下的函数

在Vue中，模板里调用methods部分定义的函数是非常常见的，比如下面这段代码所示，在v-if指令中调用函数getErrorNum()：

可是，在mpvue里就是不可以用！因为在小程序原生模板wxml里就不支持这种函数调用，导致mpvue没有很好的方式转译过去。所以，可用的替代方案可能还是计算属性了。

4. 在模板中，不支持直接绑定一个对象到style或class属性上

在Vue中我们可以为HTML元素的class或style绑定一个对象，并按照对象内的属性值来决定是否添加对应的属性名到HTML元素的样式名。示例如下：

上面这段代码的运行后生成的HTML将是：

但是在mpvue下面这个特性也不能用，按官方说法是由于涉及到一些性能相关的原因。那如果要动态改变组件的class该怎么写呢？官方给出的方式是这样的：

其实改动不大，稍微多打了一些字而已，相当于在模板的class里再定义一个对象罢了。但是据文档中说这样会提升性能。看来最好一点的方案，还是得使用计算属性，直接生成一串样式的字符串，绑定到class或style上：

5. 在模板中，嵌套使用v-for时，必须指定索引index

通常，我们在Vue模板中嵌套循环渲染数组的时候，一般是这个样子的：

但在mpvue中使用这种嵌套结构的v-for时，则必须每层的v-for上都给出索引，且索引需取不同名字：

mpvue是什么，详解基于Vue的开发框架mpvue

6. 事件处理中的注意点

在mpvue中，一般可以使用Web的DOM事件名来绑定事件，mpvue会将Web事件名映射成对应的小程序事件名，对应列表如下：

mpvue是什么，详解基于Vue的开发框架mpvue

除了上面的之外，Web表单组件<input>和<textarea>的change事件会被转为blur事件。像keydown、keypress之类的键盘事件也没有了，因为小程序没有键盘，所以不需要这些事件。

Vue里面绑定事件的时候，可以指定事件修饰符，但是在mpvue里，官方给出了一些注意信息：

.stop 的使用会阻止冒泡，但是同时绑定了一个非冒泡事件，会导致该元素上的 catchEventName 失效！
.prevent 可以直接干掉，因为小程序里没有什么默认事件，比如submit并不会跳转页面，也就是不需要支持
.capture 支持 1.0.9
.self 没有可以判断的标识
.once 也不能做，因为小程序没有 removeEventListener, 虽然可以直接在 handleProxy 中处理，但非常的不优雅，违背了原意，暂不考虑

所以呢，总之当你在遇到事件相关的问题，请回来查看一下文档，看看自己是否已经掉在坑里了。