components/文件夹用来存放Vue 组件。个人建议，把每一个组件中使用到的image图片放置到对应的组件子文件目录下，便于统一的管理
Node_modules/npm安装的该项目的依赖库
vuex/文件夹存放的是和 Vuex store 相关的东西（state对象，actions，mutations)
router/文件夹存放的是跟vue-router相关的路由配置项
build/文件是 webpack 的打包编译配置文件
static/文件夹存放一些静态的、较少变动的image或者css文件
config/文件夹存放的是一些配置项，比如服务器访问的端口配置等
dist/该文件夹一开始是不存在，在我们的项目经过 build 之后才会产出
App.vue根组件，所有的子组件都将在这里被引用
index.html整个项目的入口文件，将会引用我们的根组件 App.vue
main.js入口文件的 js 逻辑，在webpack 打包之后将被注入到 index.html 中
vue中less的应用
在vue项目中一样可以使用less预编译，只是需要使用npm安装less-loader插件。安装完成后，在vue中的css模块进行简单的配置，这样就可以直接使用less来编写样式表了。在打包编译的时候，会自动生成对应的css样式。
vue合实例讲解Vue核心功能
Vue的功能有很多，很难一一进行详细的解释。下面根据在工作中的项目实例，结合代码解释一下vue的几大核心功能。
计算属性
假设有如下的购物车结算场景，用户选中商品的总金额是根据商品数量、选中商品种类数 和商品单价来变化的。然而，数量、选中种类数量和单价这几个对象都是根据用户选择而动态变化的，如果在前端模版中为了计算最终商品总额，放入这几个动态变化的变量（商品数量、商品单价、选中商品种类），会让这个逻辑变得复杂难以维护。在这种情况下，模版便不再简洁清晰。Vue给出了此种场景的解决方案，在任何复杂的逻辑，vue都推荐使用计算属性。
