Wepy框架
它是一款类Vue框架,在代码风格上借鉴了Vue,本身和Vue没有任何关系。
mpVue框架
它是从整个Vue的核心代码上经过二次开发而形成的一个框架,相当于是给Vue本身赋能,增加了开发微信小程序的能力。
三者的区别图:
使用mpVue时需要注意的点:
1. 在模板中,动态插入HTML的v-html指令不可用
这条很好理解,小程序的界面并不是基于浏览器的BOM/DOM的,所以不能动态的在界面模板里直接插入HTML片段来显示。
题外话,如果有在小程序里插入html片段的需求怎么办?可以用
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)来做吧。