指令语法

# 指令语法

指令语法用于解析标签(包括：标签属性、标签体内容、绑定事件等)，使用指令前缀（以"v-"开头），将特定功能绑定到HTML元素上。下面是 v-bind 指令语法的示例：

<template>
  <div class="root">
    <a v-bind:href="url" target="_blank">这是一个链接地址</a>
</div>
</template>

<script>
    export default {
      name: 'HelloWorld',
      data(){
        return{
          url:'https://github.com/PanJiaChen/vue-element-admin'
        }
      }
    }
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

结果展示：

简写:

 <a :href="url" target="_blank">这是一个链接地址</a>

总结：

v-bind 主要用于动态绑定属性，比方你的 class 属性，style 属性，value 属性，href 属性等等，只要是属性，就可以用 v-bind 指令进行绑定。

#Vue2

上次更新: 2024/05/24, 16:24:13

← 插值语法单向数据绑定→