35 lines
440 B
Vue
35 lines
440 B
Vue
|
<template>
|
||
|
|
<div id="WRAPPER">
|
||
|
|
|
||
|
|
<!-- Header -->
|
||
|
|
<header-comp></header-comp>
|
||
|
|
|
||
|
|
<!-- Menu -->
|
||
|
|
<menu-comp></menu-comp>
|
||
|
|
|
||
|
|
<span>message: {{ msg }}</span>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import header_vue from './header.vue';
|
||
|
|
import menu_vue from './menu.vue';
|
||
|
|
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'wrapper',
|
||
|
|
data(){ return {
|
||
|
|
msg: 'Main vue component'
|
||
|
|
}; },
|
||
|
|
components: {
|
||
|
|
'HeaderComp': header_vue,
|
||
|
|
'MenuComp': menu_vue
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|