想要知道vue的优缺点,我们首先需要知道vue是什么?

vue 是一个以数据驱动视图的轻量级渐进式 MVVM 框架。

注:数据驱动视图:常规的 js 都是操作 dom 来开发程序,代表者 jquery $('#box').on('click')。

vue 不用直接操作 dom,而是用数据来控制元素的变化。

vue优点(模块化开发,组件复用,开发效率快)

(1)轻量级的框架+指令:

它通过双向数据绑定把 View 层和 Model 层连接了起来.实际的 DOM 封装和输出。

(2)双向数据绑定:

当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着

同步变化。

(3)组件化开发:

就是把页面拆分成多个组件,每个组件依赖的 CSS、JS、模板、图片等资源放在一起

开发和维护。

(4)单页面路由:

单页是把原本的多个页面以组件的形式集成在一个页面中,页面跳转时由 vue 路由到目

标页面,分别加载不同的组件,而页面不会刷新,路由在更新

(5)虚拟 dom:

在 Vue 的底层实现上, Vue 将模板编译成虚拟 DOM 渲染函数。结合 Vue 自带的响应

系统,在状态改变时 ,Vue 能够智能地计算出重新渲染组件的最小代价并应到 DOM

操作上。

(6)渐进式框架:

我们可以只用 vue 中一小部分去开发,而不是说用了 vue 就必须全部使用 vue 的语法。可以让我们慢慢的一点点的接受 vue 开发项目。

也就是用你想用或者能用的功能特性,不想用的部分功能可以先不用,来完成一个开发。

(7)数据和结构的分离:

最小力度更新,vue 每次更新会进行虚拟 dom 和屏幕已有 dom 对比,只更新有变化

的部分,性能更高

(8)插件化:

插件的功能范围没有严格的限制,满足大多插件可以和 vue 配合一起使用。

vue的缺点

(1)首屏加载速度没有静态页面快,

(2)因为 dom 都是 js 生成的,导致 seo 爬虫不友好,页面被爬取的机率特别小。

(3)因为是单页面应用,不利于 seo 优化

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐