Skip to content

Instantly share code, notes, and snippets.

@mblarsen
Last active November 13, 2017 06:47
Show Gist options
  • Save mblarsen/471179169fb4372c4c0c15259acdb920 to your computer and use it in GitHub Desktop.
Save mblarsen/471179169fb4372c4c0c15259acdb920 to your computer and use it in GitHub Desktop.
Vue Editor Tutorial - Step 1 - App.vue
<template>
<div class="split">
<div class="split__item">
<cms-page v-model="content"></cms-page>
<source-text v-model="content"></source-text>
</div>
<div class="split__item">
<front-page v-model="content"></front-page>
</div>
</div>
</template>
<script>
import CmsPage from './cms/Cms'
import FrontPage from './front/Front'
import SourceText from './cms/SourceText'
export default {
name: 'vue-editor',
components: {
CmsPage,
FrontPage,
SourceText,
},
data() {
return {
content: 'It is time to code and chew bubble gum, and I\'m all out of gum!',
}
},
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment