<template>
    <div style="margin: 100px;">
        {{ color1 }}
        <ColorPicker v-model="color1" />
        <ColorPicker v-model="color2" :editable="false"/>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                color1: '#19be6b',
                color2: ''
            };
        }
    };
</script>