vue项目常用组件和框架结构介绍

vue项目基础结构

一个vue的项目，我觉得最小的子集其实就是{vue,vue-router,component}，vue作为基础库，为我们提供双向绑定等功能。vue-router连接不同的"页面"，component作为样式或者行为输出，你可以通过这三个东西来实现最基本的静态SPA网站。当然我在这里不谈vue全家桶这样宽泛的概念，我会如数家珍的把主要的技术点一一列举。

1.vue-cli：搭建基本的vue项目骨架，脚手架工具

2.sass-loader&node-sass:我是使用的sass作为样式的预编译工具，两者缺一不可，大家也可以自行选择，less,stylus都可以

3.postcss:实现响应式布局的关键，px=>rem。大漠已经提出了基于vw,vh的布局方案，不过我暂时持观望态度。

4.vuex:管理复杂的数据流向，状态机工具，特化的Flux

5.vuex-persistedstate:将vuex中state持久化的工具

6.vue-router:实现SPA间“页面”之间的跳转

7.vue-lazyload:实现图片的懒加载，优化http传输性能

8.vue-awesome-swiper:轮播功能的实现及一些特殊切换效果的完成

9.better-scroll:实现列表滚动及父子组件间的滚动问题

10.axios:http工具，实现向API请求数据，以及拦截器的实现

11.fastclick:解决300ms延迟的库

以上这些，都是我觉得一个中大型的vue项目需要用到的，还有一些比如我在实现图片上传中用到了jsx的语法，需要babel-jsx这样的东西，不具有普适性，就不例举了。

下面简述一下上面说到的这些东西，有的东西会单独的来出来细说：

1.vue-cli：