## 一、模块化 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单文件中定义的对象；