很多老程序員，習慣了使用原生html和js來開發前端頁面，對於很多沒用過vue的程序員來說，覺得沒有必要。
下面，我來概括下vue的一些好處：
1、控件自動跟數據綁定，提交表單到后台的時候，可以直接使用data里面的數據值，而不需要再使用$("#id")那一套方法來獲取控件的值，對控件賦值也方便很多，只需要改變data的值，控件就會自動改變值。將復雜的界面操作，轉化為對數據進行操作。
比如下面的一段代碼就可以實現了select控件的里面的列表的動態管理：
html代碼：
<el-select v-model="mType" style="flex: 1;"> <el-option v-for="(item,index) in enums" :label="item.label" :value="item.value" :key="index"></el-option> </el-select>
js代碼：
data(){
return{
mType:'',
enums:[{value:0,label:'未婚'},{value:1,label:'已婚'}]
}
}
當你需要修改select列表的內容的時候，不再需要對dom進行操作，只需要簡單的改變enums的值。當控件選擇的值發生改變，會自動綁定到data的 mType 字段。
2、頁面傳值和狀態管理。
vue的頁面傳值可供選擇的方法非常多，比如使用子組件屬性傳值，比如使用頁面url參數的方法傳值，或使用vuex全局狀態管理的方法頁面傳值等等。而原生開發的時候，在頁面有多個參數的時候，頁面傳值和初始化，要復雜很多。而vue，直接將參數保存在對象里面，直接給子組件的屬性或vuex存儲一個對象就行了。
3、模塊化開發、模塊化更新
就像第二點所說的，其實可以引申到模塊化開發。比如一個列表頁面里面有添加功能，有修改功能，這時候我們可以通過引用子組件的形式，當子組件內容更新的時候，修改主組件的數據，比如修改了一條數據后，我們需要列表頁同時刷新，但我們不希望改變原來列表頁的頁碼和搜索條件。假如你用原生開發來實現這個，需要寫很多業務邏輯保存上一個頁面的搜索條件和頁碼這些參數，但假如你用vue開發，將變得非常簡單。
4、代碼可讀性
vue天生具有組件化開發的能力，因此不同的功能基本都是寫在不同的模塊里面，因此代碼的可讀性非常高。當一個新手接手一個舊項目的時候，基本上可以做到一到兩天就能定位到要修改的代碼，進行修改。
5、基於強大的nodejs，添加新的組件庫，基本一句npm命令就能安裝，比如當我需要使用axios組件的時候，直接npm install axios安裝一下，就可以使用axios這個組件。熟悉maven的同學估計很容易就能理解npm工具。
6、主路由、子路由、主頁面、子組件的方式，可以讓我們徹底拋棄iframe。寫過前端的同學都知道，因為iframe的滾動條、和子頁面跟其他頁面的交互性這些原因、用戶體驗還是遠遠沒有單頁面架構友好。而且使用vue非常簡單方便的實現系統菜單、導航等固定布局。
7、css模塊化：各個組件之間，可以使用相同的樣式名，但有不同的樣式屬性。比如組件A和組件B的button都綁定了class="btn", 但在兩個組件里，我們可以實現兩個不同的btn樣式屬性，互不影響。
vue的不足：
當然，vue也有不足，不足的地方如下：
1、vue是單頁面頁面，對於搜索引擎不友好，影響seo.因此不適合做公司官網。比如兩個vue路由（頁面），它的路徑是這樣的：index.html#aaa 和 index.html#bbb，但對於搜索引擎來說，都是同一個頁面，就是index.html。這樣搜索引擎就無法收錄你的頁面。
2、vue門檻較高，使用vue，需要先學習和摸索vue大概3天左右的時候，建議使用vue的時候，不需要看node.js自動幫你生成的js文件。你只需要編寫你自己頁面的代碼就行了。具體nodejs幫你生成的框架代碼，其實是不用看的。