lesson 107: register TheHeader component locally
This commit is contained in:
parent
5873bc583f
commit
802e4dc7e9
|
@ -11,7 +11,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import TheHeader from "./components/TheHeader.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
TheHeader,
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
activeUser: {
|
activeUser: {
|
||||||
|
|
|
@ -1,14 +1,12 @@
|
||||||
import { createApp } from "vue";
|
import { createApp } from "vue";
|
||||||
|
|
||||||
import App from "./App.vue";
|
import App from "./App.vue";
|
||||||
import TheHeader from "./components/TheHeader.vue";
|
|
||||||
import BaseBadge from "./components/BaseBadge.vue";
|
import BaseBadge from "./components/BaseBadge.vue";
|
||||||
import BadgeList from "./components/BadgeList.vue";
|
import BadgeList from "./components/BadgeList.vue";
|
||||||
import UserInfo from "./components/UserInfo.vue";
|
import UserInfo from "./components/UserInfo.vue";
|
||||||
|
|
||||||
const app = createApp(App);
|
const app = createApp(App);
|
||||||
|
|
||||||
app.component("the-header", TheHeader);
|
|
||||||
app.component("base-badge", BaseBadge);
|
app.component("base-badge", BaseBadge);
|
||||||
app.component("badge-list", BadgeList);
|
app.component("badge-list", BadgeList);
|
||||||
app.component("user-info", UserInfo);
|
app.component("user-info", UserInfo);
|
||||||
|
|
Reference in New Issue