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

总结:

    1、v-bind绑定数据:标签属性v-bind:title='xxx',简写:title='xxx', 标签内容{{xxx}}
		<span :title='message'>{{message}}</span>
	 
    2、v-on绑定事件:<span v-on:click='clickMe'>点我</span> 或简写 <span @click='clickMe'>点我</span>
	
    3、显示和隐藏:<span v-if='xxx'>显示和隐藏</span> ,注,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遍历:<span v-for='item in array'>{{item}}</span> 或 <span v-for='(item,index) in array'>{{index}}</span>
	   ⑤v-model数据双向绑定:<input v-model='message'></input><p>{{message}}</p>
posted @ 2022-10-21 15:09  jock_javaEE  阅读(58)  评论(0编辑  收藏  举报