189 8069 5689

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有什么用
转载源于:http://cdxtjz.cn/article/psjcco.html

其他资讯