第一讲 vue基础（vue的概念、前端三大框架、Vue的优缺点、vue2和vue3的模板区别、vue的安装、Vue模板语法-文本渲染、常用的vue的指令）

本文链接：https://blog.csdn.net/Fiki515/article/details/125490151

本文详细介绍了Vue.js的基础知识，包括Vue的概念、前端三大框架对比、Vue的优缺点、Vue2与Vue3的模板差异，以及Vue的安装、模板语法和常用指令。适合初学者入门。

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

一、Vue的概述

vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。简单，高效，生态丰富（插件多）

它是一个轻量级MVVM框架

数据驱动+组件化的前端开发

Github 超过25K + 的star 熟，社区完善

形成Vue渐进式框架的核心概念为：组件化，MVVM，响应式，和生命周期

二、前端三大框架-MVVM框架

React 是用于构建用户界面的JavaScript库。

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

Angular 是一个应用设计框架与开发平台，用于创建高效、复杂、精致的单页面应用

三、Vue的优缺点

优点
1. 轻量级
Vue作为一款轻量级前端框架，大小只有18–21KB，工程搭建简单，只需要几行命令符。因为Vue使用的主体语言为JS，开发者可以灵活地将其他框架（如React和Angular）的项目迁移到Vue，具有很高的集成能力。Vue提供的router路由可以便捷地搭建一个多界面应用。2. 高性能
虚拟DOM和响应式避免了不必要的全局重新渲染，提升了用户体验，使用户操作更加流畅。

3. 好上手
与面向对象编程性质类似，组件化更符合人类思维。打个比方，我们在设计网页时，通常会把一个界面分成一块一块的、用于某功能的特定样式模块。Vue的组件化使前端开发更加容易理解，同时MVVM可以更便捷地实现交互，对新手十分友好。

4. 插件化
由于Vue框架的流行性，目前有许多基于Vue的npm扩展包和开发工具（如Vuex）。Vue可以在一个文件下统一管理所有外部插件的全局使用。

5. 便于测试
组件化利于开发者对于单一组件进行测试，很少发生在整个页面下找不到是哪个地方报错的情况。

缺点

1. 生态环境不够完善

虽然Vue五年以来的发展寻索，生态环境不如React和Angular规范。Vue开发的讨论社区较小。

2. 国外市场小

Vue是由中国尤大神开发的，主要有阿里巴巴、饿了么等国内大公司作为主流框架，国外大部分使用React和Angular。