|
@@ -1,33 +1,32 @@
|
|
<template>
|
|
<template>
|
|
- <div class="home">
|
|
|
|
- <h1>{{title}}</h1>
|
|
|
|
- <!-- 加载动态组件 -->
|
|
|
|
- <component :is="$store.state.dynamicComponent.GLOBAL.logo"></component>
|
|
|
|
- <HelloWorld msg="Vue + vue-module-loader = Micro Front-end" />
|
|
|
|
-
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="home">
|
|
|
|
+ <h1>{{title}}</h1>
|
|
|
|
+ <!-- 加载动态组件 -->
|
|
|
|
+ <component :is="$store.state.dynamicComponent.GLOBAL.logo"></component>
|
|
|
|
+ <HelloWorld msg="Vue + vue-module-loader = Micro Front-end" />
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
// @ is an alias to /src
|
|
// @ is an alias to /src
|
|
-import HelloWorld from '@/components/HelloWorld.vue'
|
|
|
|
|
|
+import HelloWorld from "@/components/HelloWorld.vue";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
- name: 'home',
|
|
|
|
- components: {
|
|
|
|
- HelloWorld
|
|
|
|
- },
|
|
|
|
- data() {
|
|
|
|
- return {
|
|
|
|
- title: process.env.VUE_APP_TITLE
|
|
|
|
|
|
+ name: "home",
|
|
|
|
+ components: {
|
|
|
|
+ HelloWorld
|
|
|
|
+ },
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ title: process.env.VUE_APP_TITLE
|
|
|
|
+ };
|
|
}
|
|
}
|
|
- }
|
|
|
|
-}
|
|
|
|
|
|
+};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
-.home{
|
|
|
|
- height: 2000px;
|
|
|
|
- border: 2px solid #f00;
|
|
|
|
|
|
+.home {
|
|
|
|
+ height: 2000px;
|
|
|
|
+ border: 2px solid #f00;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|