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传出!

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 简介 参考博客: 全栈开发实战:用Vue2+Koa1开发完整的前后端项目(更新Koa2)前置技能: 具备Vue和K...
    Ghamster阅读 8,224评论 1 15
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,177评论 0 1
  • 1. 组件的data为什么必须是函数? 组件中的 data 写成一个函数,数据以函数返回值形式定义,这样每复用一次...
    郭先生_515阅读 1,007评论 0 12
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,973评论 1 4
  • ​知乎上有个问题: 大部分男性到了 40 岁, 是不是活着特没意思? 一个点赞最高的答主对此是确定一定以及肯定的—...
    假美吖阅读 559评论 0 0