平武建站

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://pwwzsj.com/article/psjcco.html

其他资讯