（一）Vue概述

忆亦何为

已于 2022-12-01 23:30:28 修改

阅读量772

点赞数 1

分类专栏： Vue 文章标签： vue.js javascript 前端

于 2022-11-30 13:50:03 首次发布

本文链接：https://blog.csdn.net/weixin_45832694/article/details/128113743

版权

46 篇文章 1 订阅

订阅专栏

Vue是一款渐进式的JavaScript框架，适用于构建用户界面。它以组件化、声明式编码和虚拟DOM著称，提高了代码复用和开发效率。Vue由尤雨溪于2013年开发，历经多个版本迭代，现已成为前端三大主流框架之一。其特点包括组件化开发、声明式语法和高效的DOM更新策略。

摘要由CSDN通过智能技术生成

什么是Vue

官网是这么解释的：Vue一套用于构建用户界面的渐进式JavaScript框架

构建用户界面：指使数据转变成界面
渐进式：Vue可以自顶向上逐层的应用
什么意思呢？
简单应用：对于一个简单应用来说，只需要引入一个轻巧的核心库，就可以完成数据的展示
复杂应用：对于一个复杂应用来说，可以引入各种Vue插件，完成功能。

前端框架主要负责的是 MVC 中的 V 的这一层，主要的工作就是和界面打交道，主要是用来对页面中的数据进行处理，以及制作前端页面相关的特效及动画。

1.采用组件化模式，提高代码复用率、且让代码更好维护。
把一个个小模块封装为一个个后缀vue的文件（比如1.vue，2.vue），这些vue文件里面就隐藏着HTML、CSS、JavaScript，在需要用的地方引进来
2.声明式编码，让编码人员无需直接操作DOM，提高开发效率。
比如说从前端获取一段json数据集合，想要展示，必须经过这些步骤
1.准备空字符串
2.遍历json数据，拼接字符串
3.获取页面元素
4.通过页面元素操作DOM修改内容，完成展示
这就是命令式编程
声明式编程是，在页面元素中通过Vue的一个属性对json数据进行遍历操作，然后取出数据完成展示。
3.使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。
比如说从前端获取一段json数据集合，想要展示
原生的js代码是，通过一些步骤后，直接就是在DOM页面进行展示，这种方式如果数据量大的话会影响效率，因为每次数据更新，都会进行遍历操作。
Vue是，数据会经过一个虚拟的DOM（可以看作是一个缓存），然后才到真正的DOM里进行展示。
这种方式，如果数据发生变化，新增了几条数据，经过虚拟DOM的时候，会把这个新的虚拟DOM与旧的虚拟DOM进行比对（Diff算法），发现与旧的DOM结构差别不大，只是新增了几条数据，Vue就会把在真实的旧DOM里的数据原封不动，直接把新的数据放进去。