美文网首页
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模板中双引号中加单引号的作用

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

  • Template 制作模版(13)

    vue的模板有三种写法 一、直接写在选项里的模板 template为何不用双引号或者单引号而是用``,因为我们写模...

  • “\”反斜杠的作用

    显示结果为 双引号字符串中能够添加双引号,单引号字符串中能够添加单引号。 *****在字符串中有这些作用*****...

  • 单引号和双引号

    JS中 js中单引号和双引号的区别(html中属性规范是用双引号,js中字符串规定是用单引号)(js中单引号区别和...

  • 模板字符串(``)

    模板字符串有这几种用途1.就是代替普通单引号和双引号的作用2.就是里面包含一个模板,里面的空格之类的都会保留原来格...

  • ES6(4)、新版字符串

    1、模板字符串 模板字符串使用反引号 (``) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(...

  • 3.9 PHP字符串单引号和双引号的区别

    双引号中可以解析变量,而单引号中不能。 在双引号中可以用转移字符,单引号中转义字符\只能转义单引号,和转义转义字符...

  • es6 ` `模板字符串

    1.模板字符串,需要将原本的双引号('单引号')改成 2.模板字符串中嵌入变量,需要将变量名写在${ }之中, 普...

  • PHP面试基础题(一)

    1.双引号和单引号的区别? 答:双引号中的变量将被解,单引号中的变量不全被解析;使用双引号会先查询是否引号中包含变...

  • php的一些易错点

    1.单引号与双引号的区别 一般用单引号或双引号标识一个字符串。单引号串与双引号串,在PHP中的处理是不同的。双引号...

网友评论

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

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