vue模板中双引号中加单引号的作用

字数 171阅读 3788

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

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

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

推荐阅读更多精彩内容