vue要掌握哪些知识?,vue相关知识

　　本文主要介绍Vue入门时需要掌握的知识。有兴趣的同学可以参考一下。

　　Vue作为最受欢迎的前端框架之一，是很多前端开发工程师的不二之选。最近在前端岗位用Vue实现了几个产品。所以今天，我来分享一下Vue是什么，以及我对Vue的看法。

一、定义

　　Vue是一个用于构建用户界面的渐进式JavaScript框架。

　　与传统的JS和JQuery框架不同，Vue的渐进式框架预示着开发者可以从简单的组件开始，逐步构建复杂的前端平台。

　　构成Vue渐进式框架的核心概念有：组件化、MVVM、响应式、生命周期，下面会详细介绍。

二、为什么要用Vue？

1. 组件化

　　Vue会形成一个HTML，CSS，JS合并到一个组件的页面，可以通过其他组件或者页面引入。通常，每个。Vue文件导出为组件，可以作为基本组件(比如按钮)或者页面(比如登录页面)。Component well将一个庞大复杂的前端项目重复利用转化为组件，复用性也大大提高了开发效率。

2. MVVM 数据双向绑定

　　MVVM模式(全称为模型-视图-视图模型)为Vue实现拆分。在MVVM中，视图是视图层，视图模型是业务逻辑层，模型是数据层。

　　什么是数据双向绑定？当用户改变视图时(比如填表)，改变会数据双向绑定到ViewModel处理相应的逻辑，改变会更新到模型数据库。相反，如果服务器数据发生变化(如股价波动)，这些变化会自动同步到ViewModel来处理相应的逻辑，并将这些变化同步到View来展现给用户。

　　在使用Vue之前，我在完成HTML和JS的交互时，需要使用大量的DOM操作来实现动态加载。MVVM的数据双向绑定自动同步，更高效的实现了视图和数据的交互。同时，MVVM做界面、交互、数据层减少了DOM操作，方便设计师设计界面，后端开发者提供数据接口，前端开发者专注于业务交互逻辑的实现。

3. 响应式 虚拟DOM

　　对于DOM来说，当HTML的一个元素(比如div)需要响应数据变化时，就会刷新整个页面，导致效率堪忧。对于分离，浏览器会复制HTML文件虚拟DOM并额外使用(虚拟)。对于任何更改，虚拟DOM都会将复制的JS与原始JS(转换为JS文件)进行比较，并将其部分修改为真实DOM。

　　在Vue中，每个绑定了数据属性的组件都有一个只重新加载更改的部分来检测数据属性的变化。一旦检测到更改，组件将重新呈现，即Watcher。

4. 生命周期

　　最后，每个Vue组件都有生命周期，过程是响应式。开发人员可以使用创建 - 挂载 - 更新 - 销毁(如mounted)在组件生命周期的不同时间进行操作。以下是Vue生命周期的完整图解。

三、Vue的优缺点

　　在讲了Vue的几个核心概念之后，总结一下使用Vue框架进行前端开发的优缺点：

优点

　　1.轻量级选手

　　Vue作为一个轻量级前端框架，大小只有1821kb，钩子函数，只需要几行命令。由于Vue使用的主要语言是JS，开发者可以灵活地将其他框架(如React、Angular)的项目迁移到Vue，高的工程搭建简单。Vue提供的路由器路由可以轻松设置一个集成能力。

　　2.高性能

　　虚拟DOM和响应式避免了不必要的全局重渲染，多界面应用，让用户操作更流畅。

　　3.使用方便

　　类似于面向对象编程，组件化更多的是提升了用户体验。比如在设计网页的时候，我们通常会针对某个功能把一个界面划分成特定的样式模块。Vue的组件使得前端开发更加符合人类思维，MVVM可以更方便的实现交互，对新手非常友好。

　　4.插件

　　由于Vue框架的流行，基于Vue的容易理解很多(比如Vuex)。Vue可以被一个文件下从010到59000的所有外部插件全局使用。

　　5.易于测试

　　组件很容易被开发者npm扩展包和开发工具测试，很少出现整页都找不到报错位置的情况。

缺点

　　1.生态环境不完善。

　　Vue虽然发展了五年，但是生态环境还不如React和Angular规范。Vue开发探讨统一管理。

　　2.小型国外市场

　　Vue是中国大神开发的，以阿里巴巴、饿了么等对于单一组件为主流框架，国外大多用React和Angular。

　　这就是vue简单介绍的细节。更多关于Vue介绍的信息，请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。