参数

 

参数在指令后以冒号指明。例如， v-bind 指令被用来响应地更新 HTML 属性：

 

实例

<div id="app">

    <p><a v-bind:href="url">菜鸟教程</a></p>

</div>

    

<script>

const app = {

  data() {

    return {

      url: 'https://www.runoob.com'

    }

  }

}

 

Vue.createApp(app).mount('#app')

</script>

 

在这里 href 是参数，告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定。

 

另一个例子是 v-on 指令，它用于监听 DOM 事件：

 

<!-- 完整语法 -->

<a v-on:click="doSomething"> ... </a>

 

<!-- 缩写 -->

<a @click="doSomething"> ... </a>

 

<!-- 动态参数的缩写 (2.6.0+) -->

<a @[event]="doSomething"> ... </a>

在这里参数是监听的事件名。