VUE.JS指令和绑定

123 阅读1分钟
v-bind:绑定====> :(简写)
v-on:绑定====>@(简写)
v-model
	双向数据绑定,只能用在input,textarea,select等表单元素上
	v-model是原生value属性的语法糖,只是做了额外的处理
v-if
	控制dom存在或不存在的指令
		true存在
		false不存在(删除DOM)
	频繁操作会减少性能,DOM会频繁的添加和删除。推荐使用在不频繁显示的场景,比如已经如页面就需要判断加载,例如权限菜单

v-for
	循环普通数组
v-show
	控制css的display的block和none
		false=none 不会删除DOM
		true=block
	只会显示和隐藏,更利于提高性能。tab页需要频繁切换,推荐使用v-show
v-else
	同if else
	if和else 之间不可以存在别的元素