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