软件公司门户网站模板,艺术设计教学资源网站建设标准,岐山县住房和城市建设局网站,商业空间设计课程前言 #xff1a;“业精于勤#xff0c;荒于嬉#xff1b;行成于思#xff0c;毁于随” 很久没写博客了#xff0c;大多记录少进一步探查。 Angular 和 Vue2.0 对比#xff1a;
一.概念
1.1 Angular 框架#xff1a; 是一款由谷歌开发的开源web前端框架#xff08;核… 前言 “业精于勤荒于嬉行成于思毁于随” 很久没写博客了大多记录少进一步探查。 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现比简洁
