案例:
将按钮的title绑定为data里指定的值
<input type="button" value="按钮" v-bind:title="mytitle">
<input type="button" value="按钮" v-on:click="show">
</div>
<script src="../node_modules/vue/dist/vue.js"></script>
<script type="text/javascript">
var vm = new Vue({
el:"#app",
data:{
msg:‘shanben‘,
msg2:‘<p>使用v-html转意成html</p>‘,
mytitle:‘这是个自定义的title‘
},
methods:{
show:function(){
alert(‘Hello‘)
}
}
});
</script>
</body>
</html>
我们发现:v-bind:title="mytitle",其中的key取决于该组件中自带的或者封装好的属性,title就是butten组件中自带的一个属性;
而等号=后面的就是我们的model数据了
需要注意的是:
:只是单向绑定(model渲染页面)
@是双向绑定(mdel<---------->页面)
原文:https://www.cnblogs.com/yanl55555/p/11745175.html