<template>
<div>
    <p class="red"> I am Text Component1</p>
    <Text1 />
    <Text2 />
</div>
</template>

<script>
import Vue from 'vue';
import Text1 from './components/text1/Text1.vue'
import Text2 from './components/text2/Text2.vue'
export default Vue.extend({
    name: 'App',
    components: {
        Text1,
        Text2
    },
    data() {
        return {
            text1: 'I am Text Component1'
        }
    }
})
</script>

<style scoped lang="postcss">
.red{
    color: red;
}
</style>