Vue.js在选择选项组件之后更改组件中的prop值

Question

我有2个组件，一个组件使用vue2-ace-editor创建一个Editor，另一个组件是select Option组件。如果我在选择选项中选择另一个值，则需要更改编辑器的主题，到目前为止，我的编辑器组件看起来像这样：

<template>
    <editor v-model="content" @init="editorInit" lang="javascript" theme="monokai"></editor> <!-- the default theme is monokai currently -->
</template>

<script>


    export default {
        props: [],

        data () {
            return {
                language: 'javascript',
                content: 'test',
            }
        },

        components: {
            editor: require('vue2-ace-editor'),
        },

        methods: {
            editorInit () {
                require('brace/ext/language_tools');
                require('brace/mode/html');
                require('brace/mode/javascript');
                require('brace/mode/less');
                require('brace/theme/clouds_midnight');
                require('brace/theme/chrome');
                require('brace/theme/ambiance');
            }
        },
    }
</script>

我选择的选项如下：

<template>
    <div>
        <v-select
            :items="themes"
            v-model="themeSelection"
            label="Select"
            single-line
        ></v-select>
    </div>
</template>

<script>
export default {

    data () {
        return {
            themeSelection: null,
            themes: [
                { text: 'ambiance' },
                { text: 'chrome' },
                { text: 'clouds_midnight' },
            ]
        }
    }    
}
</script>

因此，基本上，如果我选择其他选项，则需要更改编辑器的主题，该如何管理？