【Vue 教程】简介

文章归档于：Vue

---

💭 什么是 Vue

• Vue 是基于标准 HTML、CSS 和 JavaScript 构建的一款用于构建用户界面的 JavaScript 框架，为我们提供了一套声明式的、组件化的编程模型，能够帮助我们高效地开发用户界面。
• Vue 为我们提供了声明式渲染的核心功能，即我们只需要声明（告诉 Vue）在页面需要渲染什么数据、数据需要渲染在什么位置，就能够实现页面数据渲染，无需我们自己再手动进行 DOM 操作。
• Vue 也为我们提供了响应性的核心功能，即 Vue 可以实现自动监视我们声明的需要在页面渲染的数据，当数据发生变化时，Vue 能够响应式地更新页面相应的 DOM。

✍ Vue 的作者

• 尤雨溪
• Evan You：https://kgithub.com/yyx990803

🏷 Vue 是一个渐进式框架

• 对于 Vue 是一个渐进式框架可以有两个方面的理解：
  • 一个方面是，Vue 框架的发展是渐进式发展的：
    • 最早的 Vue 只是一个只做视图层的库，放在网页中直接使用，没有路由、没有状态管理、没有相应的构建工具；
    • 为了使得使用 Vue 进行网页开发可以具有更多的灵活性，能够适应更加丰富的场景以及不同大小的应用需求，Vue 开始慢慢加入了官方的辅助工具，如：路由、状态管理、构建工具等
  • 另一个方面是，我们学习和使用 Vue 的过程也是渐进式发展的：
    • 随着我们学习的深入或者网页开发需求的不断增加，将会从学习或使用 Vue 的核心功能，逐步发展集成 Vue 支持的辅助工具、插件等，到一个复杂且符合需求的大型网页应用。
• 将 Vue 称为“渐进式框架”，是由于 Vue 是一个可以与我们共同成长、适应不同需求的框架。

📑 Vue 的常用使用方式

1. 在页面中使用 script 标签引入直接使用
   1. 使用 script 标签引入 Vue 直接使用的方式，只能使用 Vue 提供的核心基础功能，如 Vue 的指令、模板语法等，组件化开发等其他功能不能直接使用。
2. 使用 Vue 构建单页面应用（SPA，single page application）
   1. 单页面应用，就是一个网站只有一个页面（标签页），整个网站由若干个组件（组成网站的模块）构成，网站中界面的切换通过组件的切换实现。