v-bind,v-on

v-bind指令:

<input type="button" value="按钮" v-bind:title="mytitle">
<input type="button" value="按钮" :title="mytitle+'123'">

data: {
     mytitle:'这是一个title'
}
特点:
  1. v-bind 是vue中提供的用于绑定属性的指令
  2. v-bind 可以简写为----> :要绑定的属性
  3. v-bind 中可以写合法的字符串或则JS表达式

v-on指令:

<input type="button" value="按钮" v-on:click="show">
<input type="button" value="按钮" @click="show">

methods: {
    show: function () {
        alert('hello');
    }
}
}
特点:
  1. v-on是vue中提供的用于事件绑定的指令
  2. v-on可以简写为----> @ 要绑定的属性
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容