vue常用插件 使用Vue等框架的首要原因是为了开发效率，还是减少DOM操作的性能损失？

使用Vue等框架的首要原因是为了开发效率，还是减少DOM操作的性能损失？

很多半吊子的程序员开口就喜欢谈论性能，动不动就是“这个框架性能不行，不如原生XX快”等等，如何评价这种说法呢？硬要说的话，速度确实是一个非常重要的因素，但是很多项目其实并不那么追求速度，大部分情况下，开发效率这个因素都要大于项目的运行速度，要明白，人的效率永远应该是第一需求。

前端开发也是这样，其实原来大家都用jQuery这些东西，简单粗暴，直接操作界面，想实现什么功能直接撸就完事了。但是在项目逐渐复杂起来之后，这样的开发方式就会出现一个问题：代码组织度极低，项目可维护性差，特别是当项目中很多页面有层级关系时候，很容易把自己绕晕。

因此Vue、React、Angular等框架应运而生了，他们利用MVVM等设计模式，在更高层级抽象页面开发逻辑，使用他们开发不再需要直接操作DOM了，而且相比于传统的开发方式，这些前端框架更加注重“数据流”。现在不应该把网页看做是一个网页，而是将它看做是一个网页形式呈现的应用。这样将数据和行为分开以后，前端开发也更加清晰了，这也是前端发展的一个重要标志。

虽然这些框架使用虚拟DOM等技术，相比于直接操作DOM要慢一点，但是因为采用了合理的抽象，因此开发效率是远远超过传统前端的。试想一下，这两种方法开发出来的项目运行效率差0.5%，但是传统开发要多一倍的bug，要是你的话，你会选哪种呢？

如何用vue的directive操作dom获取两个div的高度？

用this.$refs，获取高度，判断，赋值

vue常用插件 vuecli3自适应解决方案 vue中nexttick

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。