v-bind属性的key到底是什么
Posted yanl55555
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了v-bind属性的key到底是什么相关的知识，希望对你有一定的参考价值。
案例：
将按钮的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<---------->页面)
以上是关于v-bind属性的key到底是什么的主要内容，如果未能解决你的问题，请参考以下文章