当前位置: 首页 > news >正文

Angular 和 Vue2.0 对比

前言 :“业精于勤,荒于嬉;行成于思,毁于随” 很久没写博客了,大多记录少进一步探查。

Angular 和 Vue2.0 对比:

一.概念

  • 1.1 Angular 框架:

是一款由谷歌开发的开源web前端框架(核心采用MVC模式),它基于TypeScript(同时支持JavaScript),常适用于中大型企业级项目;

  • 1.2 Vue2 框架:

‌是一个用于构建用户界面的渐进式JavaScript框架(核心采用MVVM模式),主要用于单页应用程序(SPA)开发。作者:由尤雨溪创建,于2016年发布。Vue 2的设计理念是让开发者可以更专注(简洁高效地构建)视图层;

二. 对比

2.1. 构建~项目

angular使用 angular cli 脚手架(例如:ng new project-name);
vue2使用 vue cli 脚手架脚手架(例如:vue create project-name);

2.2 项目 | 初始目录
2.2.1 Angular目录:

在这里插入图片描述

2.2.1 Vue2 目录:

在这里插入图片描述

针对上2点补充:

配置代理文件angular【proxy.conf.json】配置文件和vue 【vue.config.js】,是由手工去创建的,非默认生成文件,该类型的文件~主要作用就是配置开发环境中的代理服务器,解决跨域问题!(只能适用开发环境,生产环境使用使用ngxin代理或后端服务去解决)

2.3 图文概览

angular图
在这里插入图片描述

vue2 图
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/97abc3e7b53b46bf8ac72820d85c0584.png

最后补充:
  • angular执行npm安裝特别慢,容易报错( 2种方法:国内npm安裝慢,使用cnpm进行安裝依赖或设置代理使用淘宝镜像 )
  • angular中,创建组件,需要单独创建html、js、css文件和路由文件,可以看成angular的模块化、工程化一种形式,而ts的规范属性的类型声明、对象的声明这种严格模式,更好的遵从语义化标准,更好的代码的维护管理;
  • angular的项目体积大,一般运行时间长,反之vue项目体积小,启动速度快;
  • 项目入口文件,前者main.ts 后者man.js
  • 相比于angular组件的css、js、html分开写,vue可以在一个文件内可以同时写(单页面组件),前者文件分明、后者逻辑复杂代码冗长,臃肿
  • api提炼,angular中分为2部分:1 将其提炼到.model.ts里面变成一个类(声明类拥有的属性及对应的类型),2. 在server文件夹内定义具体接口方法;vue中对于接口,单纯定义封装具体业务的api.js,现比简洁;
http://www.lryc.cn/news/483159.html

相关文章:

  • websocket服务器(协程风格)--swoole进阶篇
  • Windows C/C++ Socket 编程
  • 计算两个结构的乘法
  • 学校服务器连接pycharm配置2
  • AI赋能电商:创新应用提升销售与用户体验
  • 详解kafka消息发送重试机制的案例
  • linux文本管理!!!
  • 软件设计师-计算机体系结构分类
  • 《基于深度学习的车辆行驶三维环境双目感知方法研究》
  • jwt用户登录,网关给微服务传递用户信息,以及微服务间feign调用传递用户信息
  • ubontu安装anaconda
  • 【Docker容器化技术】docker安装与配置、常用命令、容器数据卷、应用部署实战、Dockerfile、服务编排docker-compose、私有仓库
  • Python模拟A卷实操题
  • Leetcode 检测相邻递增子数组
  • rockylinux 8安装 gcc11.2
  • 【蓝桥等考C++真题】蓝桥杯等级考试C++组第13级L13真题原题(含答案)-奇数序列排序
  • 【AI】好用的AI记录
  • linux安装boost.python
  • AI 扩展开发者思维方式:以 SQL 查询优化为例
  • 自定义面板,高效的游戏性能分析利器
  • 【Linux进程特别篇】深度理解辨识僵尸进程和孤儿进程
  • 喜报|超维机器人荣获昇腾AI创新大赛铜奖
  • 从五种架构风格推导出HTTP的REST架构
  • vue-h5:在h5中实现相机拍照加上身份证人相框和国徽框
  • 免费HTML模板和CSS样式网站汇总
  • Mac打开time machine(时间机器)备份特殊文件
  • Qt 学习第十六天:文件和事件
  • nvm 切换 Node.js 版本
  • AI绘图最强软件stable diffusion,一文带你迅速了解!
  • VMware重磅官宣!Workstation和Fusion彻底全部免费:支持商用