v-bind绑定属性不需要加""{{}}""

可简写为一个":"

<input type="" name="" :value="msg" :title='msg'>

 

 

<input type="" name="" v-bind:value="msg" v-bind:title='msg'>

 


也可以加拼接字符串

<input type="" name="" v-bind:value="msg" v-bind:title="msg+'1222'">

                 两个变量拼接   

<input type="" name="" v-bind:value="msg+msgs" v-bind:title='msg'>

               简写@:click

<input type="button" name="" v-on:click='show'>

<script type="text/javascript">
var vm = new Vue({
el:'#app',
data:{
'msg':'程逢s池',
'msgs':'msg',
},
methods:{
show:function(){
alert(11)
}
}
})
</script>

相关文章:

  • 2020-07-19
  • 2021-09-17
  • 2021-12-31
  • 2022-12-23
  • 2021-09-17
  • 2021-06-07
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-04
  • 2022-12-23
  • 2022-12-23
  • 2021-05-02
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案