Skip to content

Vue 学习宝典渐进式 JavaScript 框架

易学易用,性能出色,适用场景丰富的 Web 前端框架

Vue.js

什么是 Vue.js?

Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架 。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面

核心特性

  • 声明式渲染:Vue 基于标准 HTML 拓展了一套模板语法,使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系
  • 响应性:Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM

快速开始

javascript
import { createApp } from 'vue'

createApp({
  data() {
    return {
      count: 0
    }
  }
}).mount('#app')
html
<div id="app">
  <button @click="count++">
    Count is: {{ count }}
  </button>
</div>

学习路径

  1. 基础教程 - 从 Vue.js 的基本概念开始
  2. 进阶指南 - 深入了解 Vue.js 的高级特性
  3. 最佳实践 - 学习项目开发的最佳实践
  4. 生态系统 - 探索 Vue.js 的生态系统

开始你的 Vue.js 学习之旅吧!

基于 Vue.js 官方文档构建的学习宝典