前言
Vue.js是什么?它是一种编程语言,它有这么一些特性:
- 它是国人开发的一个基于Node.js的编程框架,速度快,轻便,语法自然。
- 做到了模板(V)和控制(C)的部分分离。我是比较喜欢这点的。也比React开发出来的JSX的混排要好一些。
- 学习曲线较为平缓,有JavaScript基础以及其他编程语言基础的话,很容易上手。
在这个系列教程中,我将结合我从0开始学习Vue.js的经历,从头开始设计我的“任氏有无轩”站点。
目前运行的该站点基于Symfony 3完成。Symfony即将放出版本4,也许到了那个时候,我会再写一个用SF4来重写我这个站点的教程。请大家拭目以待。该站点首页显示如下:
本系列面对的读者应该:
- 具有基本的编程经验,至少熟悉一门Web编程语言(PHP或者JavaScript);
- 有一定的Web开发经验,熟悉HTML5,CSS3;
- 对常见的Web前端布局框架(本应用使用的是Bootstrap)有一定的了解和掌握。
本系列用到的开发环境为:
- Windows 10 64位版本
- NPM 5.5.1
- Node 8.9.1
- Visual Studio Code 1.18.1,带有相应的Vue扩展(Vue 2 snippets, Vetur)等。
(以上版本如有更新,恕不一一通知)
本系列注重实战,不会按照一般教程的顺序从语法、结构等基本概念入手。在构造“任氏有无轩”站点各个界面的过程中,会根据需要进行讲解。这样做的好处是每个概念的引入都有极强的代码和需求配合,而缺点在于缺乏系统的讲解——我会通过尽可能系统地讲述每个语法点来处理这个问题。
重要事项
注意,我们这个教程的开发会用到我另外开发的一个RESTful API接口。读者不需要知道这个API接口的开发详情,只需要知道该API接口在我们这个应用中被大量使用就是了。有关该API的文档说明,请参考http://api.rsywx.com中的说明。
本教程相应的文件已经上传到Github。欢迎克隆、加星、指正!
让我们开始吧!
2018.12.08