vue-cli+node搭建简单的增删改查

vue-cli+node搭建简单的增删改查

首先先声明一下，本人对vue并不是很熟悉，尚且在学习中，由于特别好奇vue这个框架是怎么和后端进行数据交互的，所以我查询了很多资料去搭建，这里只能把我知道的记录一下，至于细节，我也尚在研究。首先呢vue前端框架和后端进行数据交互少不了webpack这个东西，webpack如果想了解，就直接去官网吧！这里我不多说，因为我了解的也不够深刻，怕误导别人和自己。现在开始记录vue-cli+node是如何进行增删改查的吧！

1. 第一步配置node环境，没有配置好的请看这里：https://blog.youkuaiyun.com/wenxiukeke/article/details/87916809

2. 第二步搭建vue-cli，打开cmd，输入命令npm install -g vue-cli，这是全局安装vue-cli，安装完毕后，创建一个文件夹，cmd进入该文件夹，输入命令vue init webpack test，（里面需要输入yes和no，自己去找一篇完整的文章看自己是否yes或者no吧）然后就成功的创建了一个项目名为test的vue-cli项目。

3. 第三步在vue-cli的基础上，改动三个文件夹，这里我先截图说明一下需要改动哪三个，

4. ok，上面不仅展示了需要在vue-cli默认的哪三个文件上面操作，同时还可以看出多了一个VueResource，这里安装好这个插件吧，打开cmd进入vue-cli这个项目中，输入命令