当前位置 : 主页 > 网络编程 > JavaScript >

VUE基本语法

来源:互联网 收集:自由互联 发布时间:2021-06-28
VUE基本使用 1、基本语法:#attributev-bind:disabled="isButtonDisabled"#绑定ID变量#classv-bind:class="[activeClass, errorClass]"#{activeClass: 'active',errorClass: 'text-danger}v-bind:class="[isActive ? activeClass : '', errorCl
VUE基本使用
1、基本语法:
	#attribute
		v-bind:disabled="isButtonDisabled"	#绑定ID变量

	#class
		v-bind:class="[activeClass, errorClass]"	#{activeClass: 'active',errorClass: 'text-danger}
		v-bind:class="[isActive ? activeClass : '', errorClass]"

	#style
		v-bind:style="styleObject"
		v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"
		:style="{ display: ['-webkit-box', '-ms-flexbox', 'flex'] }"	/*v=2.3.0+*/

	#指令缩写
		v-bind:href---->:href
		v-on:click----->@click

	#IF条件
		

Yes

No

/*可选,v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面*/ #key--唯一值,强制刷新,不复用 2、解决IE无法使用Promise npm install es6-promise -S // 文件最上方 import 'es6-promise/auto'
网友评论