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 图

最后补充:
  • 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,现比简洁;
相关推荐
Csvn7 小时前
OpenSpec 详细使用教程
前端
之歆8 小时前
Day19_LESS 完全指南——从入门到工程实践
前端·css·less
云水一下8 小时前
HTML5 从入门到精通:实战收官——从零搭建完整静态网站,综合运用所有知识
前端·html5
不总是9 小时前
Windows 系统 Node.js 免安装版(zip)安装与配置教程(2026 最新)
前端·windows·node.js
冬奇Lab9 小时前
每日一个开源项目(第105篇):Twenty - 跳出 Salesforce 的圈套,定义现代开源 CRM
前端·后端·开源
zhangyao9403309 小时前
开发pc端时,表格的高度怎么设置才能铺满页面
前端·javascript·elementui
kjs--10 小时前
浏览器书签执行脚本
前端
之歆10 小时前
Day16_JavaScript 轮播图与事件工程实战(下篇)
服务器·开发语言·前端·javascript·网络·性能优化
沄媪10 小时前
CSRF 跨站请求伪造
前端·ctf·csrf
kyriewen11 小时前
我关掉了Copilot:因为我写的代码出现在了别人的建议里
前端·javascript·ai编程