vue和react的语法,对与JS基础语法的违反

vue对js基础语法违反

1.js基础里,双引号里是字符串,不会做任何其他操作。vue中的双引号,不代表字符串,他可能还需要运算。这号蛋疼了。
2.css中的短链接,要换成小驼峰式。

react对js基础语法违反

1.js基础里,双引号里是字符串,不会做任何其他操作。vue中的双引号,不代表字符串,他可能还需要运算。这号蛋疼了。
2.css中的短链接,要换成小驼峰式。class必须换成className
3.onclick也必须写成onClick。

vue的又一个注意事项

//正确  
 <tr v-if="item.cardStatus==='request'" v-for="item in iccard_data"> </tr>

//错误
 <tr v-if='item.cardStatus==="request"' v-for="item in iccard_data"> </tr>

vue双引号中的内容,什么时候是字符串,什么时候是表达式

vue中,模板内HTML标签:XXX="",@xxx="",双引号中的内容是一个js表达式,而不是一般的HTML属性。

<div @click="a++">{{a}}</div>
<div :class="abc">{{a}}</div>

这时候 a++ 是一段模板编译后由 Vue 执行的 JS 代码,而不是简单的属性字符串。同理,router-link 中书写的也是 JS 代码,而不是链接字符串。
需要直接返回字符串路径时,就必须采用单引号把字符串内容括起来,例如:type="'/index'" 这样。
如果写 :type="/index",那么 Vue 会求值一个名为 /index 的变量,而这显然是非法的。

猜你喜欢

转载自www.cnblogs.com/cn-oldboy/p/12690122.html