vueダイナミック追加プロパティスタイル(style)とクラス名(class)

-のstyle属性名はすべてアルパカ式になります.例えばfont-sizeはfontSize

になります.

バインド値以外の属性名の値は、backgroundColor:#00 a 2 ff

ではなくbackgroundColor:'#00a2ff'のように引用符で囲む.

export default{
	data(){
		return {
			bgColor:'#C7CA56'
		};
	}
}

classの動的バインド
オブジェクト

export default{
	data(){
		return {
			test1:true,
		};
	}
}


   

はいれつ

export default{
	data(){
		return {
			test:test1,
		};
	}
}