#### 1. vue cli 入口文件 --- `public/index.html` 类似PHP框架的 `public/index.php` #### 2. 全局脚本文件 main.js 项目入口 --- import 和 require 是JS模块化编程使用 require/exports 是CommonJS/AMD中为了解决模块化语法而引入的 import/export (导入/导出) 是ES6引入的新规范,因为浏览器引擎兼容问题,需要在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 } } ``` 理解为以下方法的第二个参数 ``` Vue.component('', {}) ```