## 一、模塊化 Vue 是通過 webpack 實現的模塊化，因此可以使用 import 來引入模塊； 由于vue-cli工程把webpack配置打包起來，通過vue.config.js暴露，那么，如果想獲得完整的webpack.配置文件，可以通過 ``` vue inspect > webpack.conf.js ``` 例如： 解析出來了例子文件：  表明： 1、模塊可以省略 ".js"，".vue"，“.json” 后綴，weebpack 會在之后自動添加上； 2、可以用 "@" 符號代替 "src" 字符串等等； ...... ### **.vue文件** .vue 的單文件組件通常需要導出一個對象，這個對象是 Vue 實例的選項對象，以便于在其它地方可以使用 import 引入； 而 new Vue() 相當于一個構造函數，在入口文件 main.js 構造根組件的同時，如果根組件還包含其它子組件，那么 Vue 會通過引入的選項對象構造其對應的 Vue 實例，最終形成一棵組件樹； 通過ES6的模塊語法export default導出當前.vue單文件中定義的對象；