美文网首页
完全解析vue和小程序数据绑定的格式

完全解析vue和小程序数据绑定的格式

作者: js_hcl | 来源:发表于2019-06-25 16:44 被阅读0次

一、知识补充:js运算符和表达式

1、表达式和语句的区分

  1. 表达式是由运算符构成,并运算产生结果的语法结构。
  2. 程序是由语句构成,语句则是由“;(分号)”分隔的句子或命令。
  3. 如果在表达式后面加上一个“;”分隔符,这就被称为“表达式语句”。它表明“只有表达式,而没有其他语法元素的语句”

2、js的所有运算符

  1. 赋值/复合赋值
  2. 比较(>,>=,==,===,!=,!==,<,<=)
  3. 算术(+,-,*,/,++,--,一元运算法 -,一元运算法 +,指数 **)【注意自增自减放前后的区别
  4. 位运算(按位与&、按位或|、按位异或^、按位非~、左移<<、右移>>) 【效率高,适合优化,但不好阅读和维护
  5. 逻辑运算(逻辑与&&,逻辑或||,逻辑非!)【可用于短路求值
逻辑运算符常用于布尔(逻辑)值之间;
当操作数都是布尔值时,返回值也是布尔值。
不过实际上&&和||返回的是一个特定的操作数的值,
所以当它用于非布尔值的时候,返回值就可能是非布尔值 √
  1. 字符串运算符(+,+=)
  2. 关系操作符(in,instanceof)
propNameOrNumber in objectName /*代表着属性名的字符串或者是一个代表着数组索引的数值表达式*/
返回布尔值

objectName instanceof objectType /*如果所判别的对象确实是所指定的类型,则返回true*/
  1. 单元运算符(+,-,delete,typeof)
+:一元运算符, 如果操作数在之前不是number,试图将其转换为number
-:一元运算符,返回操作数的负值.
delete:如果 delete 操作成功,属性或者元素会变成 undefined。如果 delete可行会返回true,如果不成功返回false
typeof operand

二、vue和小程序数据绑定区别

功能 vue 小程序
文本 <t>{{X}}</t> <t>{{X}}</t>
特性 <t :title='X'></t> <t title='{{X}}'></t>
指令-条件渲染if <t v-if='X'></t> <t wx:if='{{X}}'></t>
指令-列表渲染for <t v-for='(item,index) in items' :key='item.id'></t> <t wx-for='{{items}}' wx:for-item='item' wx:for-index='index' wx:key='index'></t>
指令

相关文章

网友评论

      本文标题:完全解析vue和小程序数据绑定的格式

      本文链接:https://www.haomeiwen.com/subject/cqxxcctx.html