父组件向子组件传值，ref的实际应用

先在父组件中引入子组件页面：

import ColorManager from './ColorManager.vue'
 
 
export default {
	components: {
		ColorManager
	},
}

子组件页面定义了beforeDel方法，现父组件传值到该方法中的参数中去

父组件页面通过ref的值进行传递，这里ref后面的取名是整个项目（全局）唯一的

<ColorManager v-show="!showColor" @showColor="beforeShowColor" ref="colormanage"/>

在父组件中的methods中：

beforeShowColor() {
            let data = { }
			this.$refs.colormanage.beforeDel(data)
		},

此时传递的data为空对象，可在页面的F12中查看到。