vue根據屏幕大小設置css樣式（實時監控屏幕大小）

// 需要動態修改的css
<div :class="isWidth ? 'title' : 'title2'">11111</div>

// 定義一個變量
return {
	data(){




		screenWidth:document.body.clientWidth, // 屏幕寬度
		isWidth: false // 動態修改css控制變量
	}
}

// 定義一個方法
methods: {
	setClient(){
		this.screenWidth = document.body.offsetWidth
		console.log(this.screenWidth) //可以打印考到窗口大小變化
		if (this.screenWidth < 1280) {// 1280是你想控制的屏幕大小臨界值，可根據自己需求修改
			this.isWidth = false
		} else {
			this.isWidth = true
		}




	}
}

// 實時監控寬度
watch: {
	screenWidth(val){
		this.screenWidth = val
	}
}