#### 1. vue cli 入口文件 --- `public/index.html` 類似PHP框架的 `public/index.php` #### 2. 全局腳本文件 main.js 項目入口 --- import 和 require 是JS模塊化編程使用 require/exports 是CommonJS/AMD中為了解決模塊化語法而引入的 import/export (導(dǎo)入/導(dǎo)出) 是ES6引入的新規(guī)范,因為瀏覽器引擎兼容問題,需要在node中用babel將ES6語法去編譯成ES5語法 **main.js 頭部的 import** ``` // 代表引入的是工具 import Vue from 'vue' // 以 ./ 開頭代表引入的是組件,./ 代表的是 src 目錄 import App from './App' // 也可以寫為 后綴 .vue 可以省略,推薦省略 // import App from './App.vue' ``` #### 3. export --- 可以將 ```javascript export default { name: 'App', components: { HelloWorld } } ``` 理解為以下方法的第二個參數(shù) ``` Vue.component('', {}) ```