主要是在 App.vue 中布局。
主要分三步:引入,注册及使用。
<template>
<div id="app">
<Header></Header> //3.使用
<Banner></Banner>
</div>
</template>
<script>
import Banner from '@/components/Banner' // 1.引入
import Header from '@/components/Header'
export default {
name: 'App',
data(){
return {
}
},
methods:{
logout(){
this.$store.commit('clearToken')
}
},
components: {
Banner, //2.注册
Header
}
}
</script>
RE: Vue.js实战笔记