Vue起步03-------模板语法

01,文本{{name}}
02,html片段v-html=“name”【data对象中初始化数据的属性名】
注意://style中的一条条规则不能含有空格,不然会被当作断字符,从而打上"号
03,v-bind指令特性绑定之布尔特性
注意:
·* 与在html直接表明布尔属性用法略有不同

  • html直接填写:属性的存在与否就暗示true/false
  • vue:null/defined/false都表明false,其余都表明true
    04,javascrpt表达式
    注意:
    每个绑定都只能包含单个表达式,且不能是语句。
    表达式不是语句
    05,指令参数_静态参数,如v-bind:href="url"冒号后面为参数href
    06,指令参数_动态参数
    注意:当参数为特性名时,如href,浏览器会把特性名全部强制转为小写。
    07,指令缩写

示例代码

模板语法

{{name}}

I miss you

{{name + " I miss you"}}

静态参数

猜你喜欢

转载自blog.csdn.net/qq_42775083/article/details/89914105