1-3.模板语法

一.插值语法

插值法解析标签体内容

{{}}

二.指令语法

插值用于解析标签(包括标签属性,标签体内容,绑定事件等),插值语法“v-”开头

1.v-bind

动态绑定属性,是一种单向的数据绑定,v-bind可以简写:

        <a v-bind:href="url.toLocaleUpperCase()">
            {{urlText}}
        </a>
     <!-- 简写: -->
        <a :href="url.toLocaleUpperCase()">
            {{urlText}}
        </a>

2.v-model:value

动态绑定属性,是一种双向的数据绑定,只能应用在表单内元素,有value值的标签上,简写为v-model

    单向绑定:<input type="text" :value="value">
    双向绑定:<input type="text" v-model="value2">

posted @ 2022-03-09 21:38  禾耳  阅读(34)  评论(0)    收藏  举报