Vue框架的优点和缺点 |
您所在的位置:网站首页 › vue框架简介_huangjianfeng21的博客 › Vue框架的优点和缺点 |
Vue框架的优点和缺点
更新时间:2022-03-16 10:12 来源:动力节点 浏览13次 1.Vue框架优点(1)双向数据绑定 也就是所谓的响应式数据绑定。这里的响应式不是@media 媒体查询中的响应式布局,而是指vue.js会自动对页面中某些数据的变化做出同步的响应。 也就是说,vue.js会自动响应数据的变化情况,并且根据用户在代码中预先写好的绑定关系,对所有绑定在一起的数据和视图内容都进行修改。而这种绑定关系,就是以input 标签的v-model属性来声明的,因此你在别的地方可能也会看到有人粗略的称vue.js为声明式渲染的模版引擎。 这也就是vue.js最大的优点,通过MVVM思想实现数据的双向绑定,让开发者不用再操作dom对象,有更多的时间去思考业务逻辑。 (2)组件化开发 在前端应用,我们是否也可以像编程一样把模块封装呢?这就引入了组件化开发的思想。之后可以进行重复使用。 Vue.js通过组件,把一个单页应用中的各种模块拆分到一个一个单独的组件(component)中,我们只要先在父级应用中写好各种组件标签(占坑),并且在组件标签中写好要传入组件的参数(就像给函数传入参数一样,这个参数叫做组件的属性),然后再分别写好各种组件的实现(填坑),然后整个应用就算做完了。 (3)Virtual DOM 现在的网速越来越快了,很多人家里都是几十甚至上百M的光纤,手机也是4G起步了,按道理一个网页才几百K,而且浏览器本身还会缓存很多资源文件,那么几十M的光纤为什么打开一个之前已经打开过,已经有缓存的页面还是感觉很慢呢?这就是因为浏览器本身处理DOM也是有性能瓶颈的,尤其是在传统开发中,用JQuery或者原生的JavaScript DOM操作函数对DOM进行频繁操作的时候,浏览器要不停的渲染新的DOM树,导致页面看起来非常卡顿。 而Virtual DOM则是虚拟DOM的英文,简单来说,他就是一种可以预先通过JavaScript进行各种计算,把最终的DOM操作计算出来并优化,由于这个DOM操作属于预处理操作,并没有真实的操作DOM,所以叫做虚拟DOM。最后在计算完毕才真正将DOM操作提交,将DOM操作变化反映到DOM树上。 (4)轻量高效 Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统 (5)动画系统 Vue.js提供了简单却强大的动画系统,当一个元素的可见性变化时,用户不仅可以很简单地定义对应的CSS Transition或Animation效果,还可以利用丰富的JavaScript钩子函数进行更底层的动画处理。 2.Vue框架缺点(1)vue不支持ie8.0及以下的版本 (2)生态不太成熟,比如 编辑器里的语法提示 不太完善, 而这个又对效率很重要 (3)主要还是社区吧,这点是无法与 react 和 angular 相比的 上一篇Vue渲染组件列表 下一篇从文件中获取Vue配置值相关阅读 Vue项目结构介绍 2021-09-02Vue引入CSS文件的步骤 2021-12-03在Vue中使用JSX的正确姿势 2021-09-02Vue实现简单轮播图 2021-09-02最新文章 给Vue对象增加响应式属性 2022-03-16Vue样式绑定的例子 2022-03-16Vue上传组件的示例 2022-03-16Vue属性的验证 2022-03-16 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |