3.1 学习过程

在学习任何一种框架的时候，都是按照循序渐进的顺序来的。

（1）安装。

（2）新建一个页面。

（3）做一些简单变量的渲染。

（4）实现页面的跳转（路由）。

（5）实现页面间的参数传递（路由）。

（6）实现真实的http请求（访问接口）。

（7）提交表单。

（8）使用一些技巧让代码层次化（组件）。

按照笔者之前在惠普、联通、移动等公司的讲课经验，只需要一天的时间就可以把本章内容学会，并且上手开发Vue.js项目。

3.1.1 可以跳过的章节

对于有一定Node基础的读者，可以跳过“NVM的安装”。对于使用Linux/Mac的读者，可以跳过“Git Bash的安装”。

3.1.2 简写说明

由于本章是Webpack + Vue.js下的实战开发，所以统一使用Vue.js来代替冗长的Webpack + Vue.js。

例如，在Vue.js中创建页面需要以下两步。

（1）新建路由。

（2）新建vue页面。

3.1.3 本书例子文件下载

本章中的所有例子，由于都需要与Webpack相结合，因此笔者将其单独做成一个项目：https://github.com/sg552/vue_js_lesson_demo，读者可以下载后直接运行。

$ git clone https://github.com/sg552/vue_js_lesson_demo.git
$ npm install -v
$ npm run dev

可以在http://localhost:8080/#/中看到效果，如图3-1所示。

图3-1 页面效果