使用Vue等框架的首要原因是為了開發(fā)效率，還是減少DOM操作的性能損失？很多半吊子的程序員開口就喜歡談論性能，動不動就是“這個框架性能不行，不如原生XX快”等等，如何評價這種說法呢？硬要說的話，速度確

使用Vue等框架的首要原因是為了開發(fā)效率，還是減少DOM操作的性能損失？

很多半吊子的程序員開口就喜歡談論性能，動不動就是“這個框架性能不行，不如原生XX快”等等，如何評價這種說法呢？硬要說的話，速度確實是一個非常重要的因素，但是很多項目其實并不那么追求速度，大部分情況下，開發(fā)效率這個因素都要大于項目的運行速度，要明白，人的效率永遠應該是第一需求。

前端開發(fā)也是這樣，其實原來大家都用jQuery這些東西，簡單粗暴，直接操作界面，想實現(xiàn)什么功能直接擼就完事了。但是在項目逐漸復雜起來之后，這樣的開發(fā)方式就會出現(xiàn)一個問題：代碼組織度極低，項目可維護性差，特別是當項目中很多頁面有層級關系時候，很容易把自己繞暈。

因此Vue、React、Angular等框架應運而生了，他們利用MVVM等設計模式，在更高層級抽象頁面開發(fā)邏輯，使用他們開發(fā)不再需要直接操作DOM了，而且相比于傳統(tǒng)的開發(fā)方式，這些前端框架更加注重“數(shù)據(jù)流”?，F(xiàn)在不應該把網(wǎng)頁看做是一個網(wǎng)頁，而是將它看做是一個網(wǎng)頁形式呈現(xiàn)的應用。這樣將數(shù)據(jù)和行為分開以后，前端開發(fā)也更加清晰了，這也是前端發(fā)展的一個重要標志。

雖然這些框架使用虛擬DOM等技術，相比于直接操作DOM要慢一點，但是因為采用了合理的抽象，因此開發(fā)效率是遠遠超過傳統(tǒng)前端的。試想一下，這兩種方法開發(fā)出來的項目運行效率差0.5%，但是傳統(tǒng)開發(fā)要多一倍的bug，要是你的話，你會選哪種呢？

如何用vue的directive操作dom獲取兩個div的高度？

用this.$refs，獲取高度，判斷，賦值