Skip to content

VUE 概述

简述

  • Vue.js是一个渐进式的JavaScript框架,用于构建用户界面。所谓渐进式,意味着你可以将Vue作为应用的一部分去使用,不必从头开始就全盘采用。Vue的核心库专注于视图层(即MVVM模式中的ViewModel)。

  • Vue.js 的一个主要特点是它采用了声明式的渲染方式,通过简洁的模板语法,你可以声明式地将数据渲染进DOM系统。这意味着你不需要手动操作DOM,只需要定义应用的状态以及状态对应的视图,Vue会负责根据状态的变化自动更新视图。

  • Vue.js 的响应式系统也是它的一个亮点。Vue通过Object.defineProperty(在Vue 3中通过Proxy)对数据对象的属性进行劫持,以便它们在发生变化时能够通知视图进行更新。这使得数据管理变得非常直观和高效。

  • Vue.js 具备组件化的特性,允许开发者构建可复用的组件,这些组件可以有自己的状态、模板和行为。组件化不仅有助于提高开发效率,也使得代码更容易理解和维护。

  • Vue.js 生态系统,包括但不限于Vue Router(用于单页面应用的路由管理)、Vuex(用于大型应用的状态管理)(Pinia)、以及Vue CLI(一个强大的命令行界面工具,用于快速搭建项目结构)(Vite)。这些工具和库的结合,让开发大型单页应用(SPA)变得更加容易和高效。

特点

  • 响应式数据
  • 组件化开发
  • 虚拟DOM
  • 轻量级
  • 数据驱动视图
  • 易于上手
  • 双向数据绑定
  • 支持SSR
  • 支持TS

主要组成部分

  • Vue实例(Vue Instance)
  • 模板(Template)
  • 响应式系统 (Reactive System)
  • 组件 (Component)
  • 指令 (Directive)
  • 虚拟DOM (Virtual DOM)
  • 生命周期钩子 (Lifecycle Hooks)

Released Under The MIT License.