美文网首页
vue模板中双引号中加单引号的作用

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

作者: 小冕 | 来源:发表于2017-08-02 10:05 被阅读0次

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

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

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

    相关文章

      网友评论

          本文标题:vue模板中双引号中加单引号的作用

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