3:组件拆分

这是我们想要的效果，接下来开始动手啦：

logo.png

在index.html的设立挂载点

 
 
 
 
 
 
 
 
 
 //挂载点
 

 
 
 

App.vue的代码：

Main.js代码：

 import Vue from 'vue';
 import App from './App.vue';

new Vue({
 el: '#app',
 render: h => h(App)
 });
 

最后一步，在components文件夹的header文件创建 “header”头组件

components\header\header.vue