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

2017-08-02  本文已影响0人  小冕

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读