基于Vue CLI构建的Vue2项目教程

Vue2.0教程 - Vue CLI

在这之前需要学习的Vue项目教程

简书教程

1. 说明

为了方便记忆和学习，整理了一下之前学习VueJS的要点，并通过在中的代码注释来阐述知识点。
知识点叙述在代码最下方。
需要自行下载bootstrap.css文件，并修改文件名或修改代码中引用的名称和路径：
bootstarp-3.3.7-flatly.min.css 下载flatly皮肤的bootstarp

从这一章开始，将使用Vue CLI来构建和编程了。
首先将第三章的内容放入Vue CLI构建的Vue项目中进行代码重构。

2. 课程内容和代码获取方式

每一次提交的代码是该教程第一课的内容，增加内容通过commit message提供。

lesson1: 开始使用Vue CLI
lesson2: 前后端分离
lesson3: 使用Vue Router
lesson4: 使用Vue Router Link
lesson5: 补全全套的后端增删改查

请根据需要checkout相应的版本，clone之后执行：

// 第一课内容：
$ git checkout eebdae3eb47347cb07d8e7672aba0675ab909d7b

// 第二课内容：
$ git checkout 61c51a6986294d4ed8f03fae4f748c66a3daceb8

// 第三课内容：
$ git checkout 91a1793787b42d580d86a66da0979bbf2ef59e01

// 第四课内容：
$ git checkout e6fc840ba0a1fb56b5c0a4acfdf04060fa55b990

// 第五课内容：

第一课 - 简书地址
第二课 - 简书地址
第三课 - 简书地址
第四课 - 简书地址
第五课 - 简书地址

3. 相应的后端代码

配合该教程的API代码 - liyingxuan/lara-vue-api

后端只会其他语言或框架的，只能自己写下了。