vue v-bind v-on

Posted 2022-07-02 chengfengchi

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>