vue.js的优点和缺点在哪?

vue.js的优点和缺点在哪?

vue 是目前国内最火热的前端 MVVM框架,其优缺点如下:

一、优点

  1. 易于开发:vue 提供了页面数据渲染模板引擎如 v-if、v-for 等、提供事件绑定 @click等,代码清晰明了,逻辑简单,易于上手;
  2. 高性能:Vue 提出虚拟 DOM 概念,以及数据驱动 DOM 思想,减少页面渲染成本,大幅度提高性能;
  3. 生态完善:许多开发者提供了对 vue 支持的插件如 ElementUI,完善 vue 的生态,故使用 vue 进行开发,遇到的难题会较少。
  4. 开源社区活跃:这提供 vue 未来更加强大的可能性。

二、缺点

  1. SEO不好:vue 很多内容都是基于JS,如页面显示的标签元素,都成为虚拟DOM,通过数据驱动 DOM,这样的页面,在搜索引擎SEO方面,不是很友好;
  2. 调试困难:vue 带来便捷的同时,封装过复杂,开发时遇到问题,很难排查出问题导致的原因。

三、小结

总之,优点大于缺点,否则 vue 也不会像现在这么火了,2020.4 推出 vue3.0,功能更加强大,我们应对 vue 的未来充满信心。

vue.js 是一个优秀的前端界面开发 JavaScript 库,它之所以非常火,是因为有众多突出的特点,其中主要的特点有以下几个。

1) 轻量级的框架

vue.js 能够自动追踪依赖的模板表达式和计算属性,提供 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API,使读者更加容易理解,能够更快上手。

2) 双向数据绑定

声明式渲染是数据双向绑定的主要体现,同样也是 vue.js 的核心,它允许采用简洁的模板语法将数据声明式渲染整合进 DOM。

3) 指令

Vue.js 与页面进行交互,主要就是通过内置指令来完成的,指令的作用是当其表达式的值改变时相应地将某些行为应用到 DOM 上。

4) 组件化

组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 html 元素,封装可重用的代码。

在 Vue 中,父子组件通过 props 传递通信,从父向子单向传递。子组件与父组件通信,通过触发事件通知父组件改变数据。这样就形成了一个基本的父子通信模式。

在开发中组件和 html、JavaScript 等有非常紧密的关系时,可以根据实际的需要自定义组件,使开发变得更加便利,可大量减少代码编写量。

组件还支持热重载(hotreload)。当我们做了修改时,不会刷新页面,只是对组件本身进行立刻重载,不会影响整个应用当前的状态。css 也支持热重载。

5) 客户端路由

Vue-router 是 Vue.js 官方的路由插件,与 Vue.js 深度集成,用于构建单页面应用。Vue 单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来,传统的页面是通过超链接实现页面的切换和跳转的。

6) 状态管理

状态管理实际就是一个单向的数据流,State 驱动 View 的渲染,而用户对 View 进行操作产生 Action,使 State 产生变化,从而使 View 重新渲染,形成一个单独的组件。

优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大,效率低下代码累赘,会出现隐藏无用的元素,加载时间加长其实这是一种折衷性质的设计解决方案,多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构,会出现用户混淆的情况

原创文章,作者:秒收,如若转载,请注明出处:https://www.miaoshou.cc/2627.html

(0)
上一篇 2021年6月23日 06:23
下一篇 2021年6月23日 06:24

相关推荐

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注