1、assest：

圖片等等......

2、components：

組件

3、App.vue：

根組件，三個部分：模板、行為(處理邏輯)、樣式；

模板：

只能有一個根標簽；

<HelloWorld/>

行為裏面引入組建後，用這個標簽來對它們之間產生關聯；

行為：

import HelloWorld from ‘./components/HelloWorld‘

這是另外一個組件，用來關聯組件，組件可以理解為一個功能的頁面，項目都是由多組件來完成的；

export default{

　　name:‘app‘,

　　components:{ HelloWorld,Home }

}

這裏是註冊組件；需要先引入組件，再註冊，再寫出來標簽，才能真正產生關聯；

4、main.js(重要)：

跟index.html有直接的聯系，當執行完index.html後緊接著執行的就是main.js；

import Vue from ‘vue‘

引入vue就可以在下面實例化出來

new Vue({

　　el:‘#app‘,　　//el:element,‘#app‘就是index.html中的id=‘app’

　　template:‘<App/>‘,　　//‘<App/>‘組件調用的標簽

　　components:{ App }　　//調用App這個組件

})

Vue.js的src文件