56 lines
676 B
Vue
Executable File
56 lines
676 B
Vue
Executable File
<template>
|
|
<div id="root">
|
|
|
|
<header-comp></header-comp>
|
|
|
|
<span>message: {{ msg }}</span>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import header_vue from './header.vue';
|
|
|
|
|
|
export default {
|
|
name: 'root',
|
|
data(){ return {
|
|
msg: 'Main vue component'
|
|
}; },
|
|
components: {
|
|
'HeaderComp': header_vue
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
#root {
|
|
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-align: center;
|
|
color: #2c3e50;
|
|
margin-top: 60px;
|
|
}
|
|
|
|
h1, h2 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
display: inline-block;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
a {
|
|
color: #42b983;
|
|
}
|
|
</style>
|
|
|