v-bind,v-if,v-for,v-on,v-model基本用法

总结:

1、v-bind绑定数据:标签属性v-bind:title='xxx',简写:title='xxx', 标签内容{{xxx}}
{{message}}

2、v-on绑定事件:点我 或简写 <span @click='clickMe'>点我

3、显示和隐藏:显示和隐藏 ,注,xxx可以为表达式或者是Boolean后为true或false的其他值
v-if='undefined == null',v-if='-1'都为true。 v-if='null',v-if='undefined',v-if='0'都为false

4、v-for遍历:{{item}}{{index}}
⑤v-model数据双向绑定:

{{message}}

posted @ 2022-10-21 15:09  jock_javaEE  阅读(96)  评论(0)    收藏  举报