目录

项目创建前需要安装好NODEJS，可以通过npm -v查看，如果命令执行后看到版本号说明NODEJS已经安装好，否则按照

本文主要跟大家分享一些 Vue 的 UI 库，这些库都是 github 高星的库，废话不多说，我们一起来看看。

1. Vuetify (?? 24k)

网站：https://vuetifyjs.com/zh-Hans/

v-model 简单介绍

在使用vue的过程中会经常用到input和textarea这类表单元素，vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签数据的双向绑定，它会根据控件类型自动选取正确的方法来更新元素。

在前面随笔《循序渐进VUE+Element 前端应用开发(12）--- 整合ABP框架的前端登录处理》简单的介绍了一个结合ABP后端的登陆接口实现前端系统登陆的功能，本篇随笔集续深化这一主题，着重介绍基于ABP后端接口信息，实现对前端界面的开发工作。

ABP（ASP.NET Boilerplate）框架主要是基于.net core 进行的后端Web API的开发，结合Swagger的管理界面我们可以看到发布的 API 的接口明细信息，这样前端技术人员可以很容易整合前端的API应用。Vue + Element的前端应用，是目前较为流行的前端技术整合，Vue提供了前端框架很好的支持，Element提供了非常不错的界面组件封装和处理，通过ABP后端API接口和前端Vue+Element的整合，可以很好实现前后端的分离处理，同时又极大提高各自开发过程，并利用最新、应用广泛的技术来实现最好的技术应用。

form表单内容

    <el-table v-loading="loading" :data="listPublish" border :cell-style="addClass"  height="780" style="width: 100%" @selection-change="handleSelectionChange">
      <el-table-column    type="selection" width="45" align="center" />
      <el-table-column    label="序号" width="45" align="center" prop="id" />
      <el-table-column    label="迭代或bug名称" width="150" align="center" prop="iteration" />
      <el-table-column    label="服务名称" align="center" prop="appname" >  </el-table-column>
 .........