# vue **Repository Path**: hrbu2024/vue ## Basic Information - **Project Name**: vue - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-09-08 - **Last Updated**: 2026-09-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## Vue [Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)](https://cn.vuejs.org/) - React :学习曲线比较陡峭 - Vue 学习难度比较小 - Angular Vue是一套用于构建用户界面的渐进式框架，从目前的JavaWEB项目来看，大部分JavaWEB项目前端框架都会采用Vue框架，所以Vue框架技术也成为目前JavaWEB开发中必备的技能。从本章开始我们将进入到Vue框架的学习，本章重点讲解Vue框架的概念和框架原理以及运行Vue的方式。 # 快速开始 [简介 | Vue.js (vuejs.org)](https://cn.vuejs.org/guide/introduction.html) [快速上手 | Vue.js (vuejs.org)](https://cn.vuejs.org/guide/quick-start.html#using-vue-from-cdn) ```html Vue学习
{{ message }}
``` ![image-20260908104926343](assets/image-20260908104926343.png) ![image-20260908110027005](assets/image-20260908110027005.png) # 双向绑定 ![image-20260908110619620](assets/image-20260908110619620.png) ```html Vue学习
``` ![image-20260908113241472](assets/image-20260908113241472.png) ![image-20260908113535183](assets/image-20260908113535183.png) # 事件 原生事件 [DOM 事件 - Web API | MDN (mozilla.org)](https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Events) [事件处理 | Vue.js (vuejs.org)](https://cn.vuejs.org/guide/essentials/event-handling.html#event-modifiers) # 综合案例 ![image-20260909141609922](assets/image-20260909141609922.png) # 内存引用 ![image-20260909154704993](assets/image-20260909154704993.png) # 工程化开发 [快速上手 | Vue.js (vuejs.org)](https://cn.vuejs.org/guide/quick-start.html) https://cn.vuejs.org/guide/quick-start.html ![image-20260909164132228](assets/image-20260909164132228.png) ``` D:\workspace>npm create vue@latest Need to install the following packages: create-vue@3.23.0 Ok to proceed? (y) ``` ```shell Microsoft Windows [版本 10.0.19045.6466] (c) Microsoft Corporation。保留所有权利。 D:\workspace>npm create vue@latest Need to install the following packages: create-vue@3.23.0 Ok to proceed? (y) y > npx > create-vue T Vue.js - The Progressive JavaScript Framework | * 请输入项目名称： | vue-project — ``` ![image-20260909164400825](assets/image-20260909164400825.png) ![image-20260909164525083](assets/image-20260909164525083.png) - npm install 安装依赖的包 - npm run dev 启动一个开发服务器（live server）