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">