手摸手学习Vue.js

什么是 Vue.js？

2016年已经过半，前端框架层出不穷，再做一个项目之前，我们的技术栈有了太多的选择。
Vue就是一个前端框架，类似 Angular,React,Ember。
Vue.js 是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。—— 官方描述

Vue.js-logo

Paste_Image.png

Paste_Image.png

在项目中使用Vue

官方出了个工具，vue-cli，他可以帮你快速地构建一个Vue的开发环境：单vue文件，热加载，代码检查，单元测试等等。
为了让项目模块化，官方推荐搭配是 webpack + vue-loarder 或者 Browserify + vueify。选择哪种构建工具取决于你的经验和需求。Webpack 的功能更强大，如代码分割，将静态资源当作模块，提取组件的 CSS 到单独的一个文件等，不过它的配置相对复杂一点。如果你不需要 Webpack 的那些功能，使用 Browserify 更简单。
这篇文章我们主要讲如何在Laravel 中快速使用vue 进行开发，所以使用的是 Browserify + vueify。