vue根据颜色选择器改变，背景颜色跟字体颜色

如果你在根组件下注入了store,那么就可以在 .vue文件中使用 $store.state.xxx
然后根据颜色颜色选择器，选择的颜色动态改变 $store.state.xxx ，以达到改变背景色跟字体颜色的目的。

<template>
	<div>
		<!-- leftbackground  跟  leftcolor是我自定义设置的 -->
		<div :style="{backgroundColor: $store.state.leftbackground,color:$store.state.leftcolor}" class='DivClass'>
			演示
		</div>
		<!-- element-ui 颜色选择器 -->
		<el-color-picker v-model="$store.state.leftbackground"></el-color-picker>
		<el-color-picker v-model="$store.state.leftcolor"></el-color-picker>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		},
		created: function() {
			this.$store.state.leftbackground='#fff'  //设置默认背景颜色
			this.$store.state.leftcolor='#606266'//设置默认字体颜色
		}
	}
</script>
<style>
	.DivClass{
		height:200px;
		width:200px;
	}
</style>