前言 ：“業(yè)精于勤，荒于嬉；行成于思，毀于隨” 很久沒寫博客了，大多記錄少進一步探查。

Angular 和 Vue2.0 對比：

一.概念

• 1.1 Angular 框架：

是一款由谷歌開發(fā)的開源web前端框架（核心采用MVC模式），它基于TypeScript（同時支持JavaScript），常適用于中大型企業(yè)級項目；

• 1.2 Vue2 框架：

?是一個用于構建用戶界面的漸進式JavaScript框架（核心采用MVVM模式），主要用于單頁應用程序（SPA）開發(fā)。作者：由尤雨溪創(chuàng)建，于2016年發(fā)布。Vue 2的設計理念是讓開發(fā)者可以更專注（簡潔高效地構建）視圖層；

二. 對比

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】，是由手工去創(chuàng)建的，非默認生成文件，該類型的文件~主要作用就是配置開發(fā)環(huán)境中的代理服務器，解決跨域問題！（只能適用開發(fā)環(huán)境，生產環(huán)境使用使用ngxin代理或后端服務去解決）

2.3 圖文概覽

angular圖

vue2 圖

最后補充：

• angular執(zhí)行npm安裝特別慢，容易報錯（ 2種方法：國內npm安裝慢，使用cnpm進行安裝依賴或設置代理使用淘寶鏡像 ）
• angular中，創(chuàng)建組件，需要單獨創(chuàng)建html、js、css文件和路由文件，可以看成angular的模塊化、工程化一種形式，而ts的規(guī)范屬性的類型聲明、對象的聲明這種嚴格模式，更好的遵從語義化標準，更好的代碼的維護管理；
• angular的項目體積大，一般運行時間長，反之vue項目體積小，啟動速度快；
• 項目入口文件，前者main.ts 后者man.js
• 相比于angular組件的css、js、html分開寫，vue可以在一個文件內可以同時寫（單頁面組件），前者文件分明、后者邏輯復雜代碼冗長，臃腫
• api提煉，angular中分為2部分：1 將其提煉到.model.ts里面變成一個類（聲明類擁有的屬性及對應的類型），2. 在server文件夾內定義具體接口方法；vue中對于接口，單純定義封裝具體業(yè)務的api.js，現(xiàn)比簡潔；