作者：殷晓飞（沪江 Web 前端开发工程师） Vue.js 框架已经火了好长一段时间了，早在 2015 年的双 11 中，淘宝的部分导购业务——如：双十一晚会摇一摇清单、我的双十一标签进入的人群会场寻找与自身匹配的商品。今年以来，vue 的文档更新很快完善、社区也日渐状大，再加上于某厂（你懂的）大力的推广，vue 的前景十分光明。本文目的：通过这篇文章了解一些 vue 的基本概念以及如何在实际编码中使用 vue，文末有 demo 的仓库地址，大家可以 clone 后，本地查看、运行一下。

1 练手项目，比较简单、但是是一个完整的项目架子，有兴趣的可以自己拉下来看看改改。 2 这段时间比较忙，天气预报页面做的特别粗糙、代码也写的有些乱，暂时搞一个段落。 3 这个项目是我作为新手的学习项目，实现了省市区选择、添加加载、不同天气信息切换、基本上正式项目中用到的模块都有涉及。适合想学 vue 的朋友入门学习资料。 4 技术栈 Vue+VueRouter+webpack+Less+VueResource+VueTouch。

前言 我们将会选择使用一些vue周边的库vue-cli, vue-router,vue-resource,vuex 1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vuex管理我们的数据流4.使用vue-resource请求我们的node服务端5.使…

项目可以在这个基础上直接开发

vue-lazyload 一个简单易用的 Vue 图片延迟加载插件

基于 Vue 的年会抽奖小 DEMO

本文采用 vue+vuex+localStorage+sass+webpack，实现一个本地存储的记事本。兼容 PC 端和移动端。

一个 Vue.js 练习项目，从零开发到部署上线，代码开源在 https://github.com/crazy0x/vue-nga，本文主要记录了项目中遇到的一些问题以及使用 docker 进行打包部署的主要过程。