ABP中VUE的dome

之前一直用的ng，用习惯了，但是开发公众号用的页面，在打开的时候很慢！所以想试试vue的看下速度怎么样。

官网下载vue版本，数据库改成mysql就不写了，网上搜一大堆。

安装VUE，我这整理了个文档，大概流程这样，中间报错，按错解决。

1、进入项目位置 盘符：cd 项目位置

2、npm install -g vue-cli

3、vue -V  查询版本

4、npm install -g yarn

5、yarn -v

6、yarn install

7、yarn serve --open

基本这样就可以把项目运行起来了！

ABP的架子下无论是学习net core、angular还是TS都有一个优势就是架子已经好了，你可以从架子的任何点进行切入式学习，入门很快！

VUE应该差不多。

这是涉及到的几个文件，蓝色是已存在需要加代码的，红色是我自己用公司这个功能来做例子的添加项目！基本就是仿照role复制过来，删掉不认识的，没用的，留下个架子，先从基本的访问后端切入，传输接收数据，这些熟悉了，再慢慢熟悉VUE根ng的前端的不同点。

entities中的实体

modules中的访问后端

红色是类似后端应用层的company/getDjt访问接口，蓝色是传入的参数！

index.ts

views中的vue页面

简单的按钮点击访问

router.ts

配置下路由，权限省掉了。

目前为止基本完事，后台写一个对应的方法，post的。接收下company的实体，改个值再返回一下验证！

AA传入、BB传出！

最基本的传入传出完事之后，剩下的就是各种绑定乱七八糟的、按文档来就相对好入门了！

以此分享，望对您有所帮助，如有错误请指出！