位置: IT常识 - 正文

vue是什么？vue的优点有哪些？(简要说说vue是什么?有什么主要的特性?)

发布时间：2024-01-17

vue是什么？vue的优点有哪些？

一、vue是什么

二、为什么要用Vue？

1. 组件化

2. MVVM 数据双向绑定

3. 响应式虚拟DOM

4.生命周期

三、Vue的优点

1. 轻量级

2. 高性能

3. 好上手

4. 插件化

5. 便于测试

6.运行速度更快

7.视图,数据,结构分离

一、vue是什么

推荐整理分享vue是什么？vue的优点有哪些？(简要说说vue是什么?有什么主要的特性?)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue是干啥的,vue是干啥的,vue是干啥的,vue啥意思,什么是vue-cli,vue啥意思,vue到底是什么,简要说说vue是什么?有什么主要的特性?,内容如对您有帮助，希望把文章链接给更多的朋友！

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

vue就是一个js库，并且无依赖别的js库，直接引入一个js文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架表示开发者可以由简单组件写起，渐渐搭建出一个复杂的前端平台。形成Vue渐进式框架的核心概念为：组件化，MVVM，响应式，和生命周期。 `Vue一切是数据为核心，使用数据来驱动视图刷新，我们不建议去操作dom`

二、为什么要用Vue？1. 组件化

Vue将组成一个页面的HTML，CSS和JS合并到一个组件中，可以被其他组件或页面引入而重复利用。通常每个.Vue文件作为一个组件导出，组件可以作为基础组件（如按钮）或一个页面（如登录页面）。组件化很好的将一个庞大复杂的前端工程拆分为一个个组件，重复利用的性质也大大提高了开发的效率。

<template><div class="demo"><h2>学校名称：{{name}}</h2><button @click="showName">点我提示学校名</button></div></template><script> export default {name:'School',data(){return {name:'bdqn',}},methods: {showName(){alert(this.name)}},}</script><style>.demo{background-color: orange;}</style>2. MVVM 数据双向绑定

MVVM模式（全称为Model-View-ViewModel）为Vue实现数据双向绑定。

在MVVM中，View为视图层，ViewModel为业务逻辑层，Model为数据层。

什么是数据双向绑定呢？

当用户使View变化时（如填写表单），变化会自动同步到ViewModel处理相应逻辑，并将变化更新到Model数据库。

反之，若服务端数据变化（如股价波动），变化会自动同步到ViewModel处理相应逻辑，并将变化同步到View展现给用户。

在用Vue之前，完成HTML和JS之间的交互需要使用大量的DOM操作来实现动态加载。

MVVM的数据双向绑定减少了DOM操作，更高效地实现了视图和数据的交互。同时，MVVM使界面、交互和数据层分离，便于设计人员负责设计界面，后端开发人员提供数据接口，而前端开发人员专注于业务交互逻辑的实现。