vue.js中v-bind和v-on有什么用
这篇文章主要为大家展示了“vue.js中v-bind和v-on有什么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“vue.js中v-bind和v-on有什么用”这篇文章吧。
额济纳ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！
v-bind 指令用于响应地更新 HTML 特性 形式如：v-bind:href 缩写为 :href;
v-on 指令用于监听DOM事件 形式如：v-on:click 缩写为 @click;
百度一下
百度一下
百度一下
更改图片
更改图片
new Vue({
el: '#test',
data: {
url: "https://www.baidu.com",
src: "img/spring.jpg"16 17 18 },
methods: {
update: function(){
this.src = "img/summer.jpg";
}
}
})
note: vue.js 1.0版本后才有的这两个指令
v-bind,v-on的缩写
构建单页应用（SPA ）时，Vue.js 会管理所有的模板，此时 v- 前缀也没那么重要了。因此Vue.js 为两个最常用的指令 v-bind 和v-on 提供特别的缩写：
下面给大家介绍下v-bind缩写：
Button
Button
v-on缩写：
以上是“vue.js中v-bind和v-on有什么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
本文标题：vue.js中v-bind和v-on有什么用
本文URL：http://kswjz.com/article/psjcco.html
