Vue绑定

v-model
v-model在表单控件元素上创建双向数据绑定

1 <a-input v-model="input">

 

v-bind
v-bind绑定属性

1 <a v-bind:disable="xxx"></a>


v-on
v-on绑定事件

1 <a-button v-on:click="onclick"></a-button>

 


v-text
v-text会覆盖元素中原本的内容,但是插值表达式指挥替换自己的这个占位符,不会把整个元素的内容清空,只显示文本不显示标签

1 <font v-html="msg1"></font>
2 <font v-html="msg2"></font>
3 msg1:"msg1的值",
4 msg2:"msg2的值",

 

v-html
v-html不仅可以显示文本内容,还可以显示带标签的内容

1 <font v-html="msg1"></font>
2 <font v-html="msg2"></font>
3 msg1:"msg1的值",
4 msg2:"msg2的值",

 

posted @ 2022-05-08 20:20  Adinsclay  阅读(27)  评论(0)    收藏  举报