1.配置路由:cnpm install vue-router --save

  配置资源:cnpm install vue-resource --save

vue的axios实现增删改查 使用vue实现增删改查_默认值

 

2.增加数据

vue的axios实现增删改查 使用vue实现增删改查_默认值_02

 

vue的axios实现增删改查 使用vue实现增删改查_vue的axios实现增删改查_03

给文本框做双向绑定后给提交按钮点击事件,进行jsonp跨域传值到接口。

3.展示

vue的axios实现增删改查 使用vue实现增删改查_vue的axios实现增删改查_04

用jsonp接到借口的值后进行v-for循环展示

 

vue的axios实现增删改查 使用vue实现增删改查_默认值_05

vue的axios实现增删改查 使用vue实现增删改查_json_06

4.删除

首先要获取要删除的id

vue的axios实现增删改查 使用vue实现增删改查_默认值_07

给按钮一个删除的点击事件,然后获取id,把id传到接口进行删除,同时删除节点。

vue的axios实现增删改查 使用vue实现增删改查_默认值_08

5.修改

vue的axios实现增删改查 使用vue实现增删改查_默认值_09

修改的模板格式如上图,跳转到默认值页面,需要进行配置路由

vue的axios实现增删改查 使用vue实现增删改查_json_10

然后就是默认值update页面接值

vue的axios实现增删改查 使用vue实现增删改查_加载_11

this.$route.params.?

默认值页面如同添加。

最后写一个dedecms的进入后台是的报错;

需要修改upload/dede/config.php中的第二行,

 define('DEDEADMIN',preg_replace("/[\/\\\\]{1,}",'/',dirname(__FILE__)));

 

如果vue加载很慢,可能是浏览器访问google时需要加载js,有的js加载不下来,就一直在加载,知道加载完成,才进行下一个加载,所以访问会很慢,我们可以在本地windows中加

一个网址

127.0.0.1 ajax.googleapis.com 重启apache;