C# mvc +vue+ axios+ api + javascript

一整天，分享了几条随笔，

C# mvc +axios + web api + javascript https://www.cnblogs.com/insus/p/18577591

asp.net mvc视图传递数据至另一页的视图 https://www.cnblogs.com/insus/p/18578261

C# mvc +angular+ $http+ web api + javascript https://www.cnblogs.com/insus/p/18578361

分别使用mvc, angular和axios, $http去呼叫web api来进行对数据库添加，编辑，更新，删除功能。

现在这篇，Insus.NET使用vue.js实现上面提及的功能。

 TargetDataEntity.cs 参考前几篇的写法，修改类名，字段名，方法与函数等...

 

Web API，也需要参考前几篇，

 

vue.js for html,参考如下，截图有标注，以及截图有说明。

 

 

 

#1，#2，#3引入js文档。

Arrow A为vue.js重要设置，理解为应用场节点。
Arrow B& C为绑定model。
Arrow D 为vue.js 的事件v-on:click。

下面代码，即是#3的js文档

 
显示添加后，所有数据产生列表，页面html代码如下截图，

 

其对应的js文档，

 

记录详细，它从传递过参数处理一下，再绑定到html页面上

 

上面截图，其js code,

 

其实，不管是$http,axios,ajax还是fetch，语法大同小异。

 演示：