Wepy框架和mpVue框架的比较及使用mpVue框架需要注意的点

Wepy框架
它是一款类Vue框架，在代码风格上借鉴了Vue，本身和Vue没有任何关系。

mpVue框架
它是从整个Vue的核心代码上经过二次开发而形成的一个框架，相当于是给Vue本身赋能，增加了开发微信小程序的能力。

三者的区别图：

使用mpVue时需要注意的点：

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

这条很好理解，小程序的界面并不是基于浏览器的BOM/DOM的，所以不能动态的在界面模板里直接插入HTML片段来显示。

题外话，如果有在小程序里插入html片段的需求怎么办？可以用组件或者wxParse(https://github.com/icindy/wxParse)来实现。

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

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

• 可以调用methods下的函数， 例如：

<template>
  <div>{{ formatMessage(msg) }}</div>
</template>

<script>
export default {
  data() {
    return {
      msg: "Hello,World"
    }
  },
  methods: {
    formatMessage(str) {
      return str.trim().split(',').join('#')
    }
  }
}
</script>

• 如果变量是对象的话，也可以调用对象的成员方法
  <div>{{ msg.trim().split(',').join('#') }}</div>
• 可以使用过滤器来处理变量，最有用的场景算是格式化数据了
  <div>{{ msg | format }}</div>

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

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

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

原文地址：https://www.cnblogs.com/zppsakura/p/11388015.html