黑马JavaWeb开发笔记06——Vue（概述、指令、生命周期）

---

前言

本篇文章是2023年最新黑马JavaWeb开发笔记06：Vue（概述、指令、生命周期）的总结，帮助需要学习Web开发的朋友温故而知新。

1. Vue概述
2. Vue指令
3. Vue生命周期

---

一、Vue概述

1. MVVM前端开发思想

• MVVM:其实是Model-View-ViewModel的缩写，有3个单词，具体释义如下：
  • Model: 数据模型，特指前端中通过请求从后台获取的数据
  • View: 视图，用于展示数据的页面，可以理解成我们的html+css搭建的页面，但是没有数据
  • ViewModel: 数据绑定到视图，负责将数据（Model）通过JavaScript的DOM技术，将数据展
    示到视图（View）上
    
  • 基于上述的MVVM思想，其中的Model我们可以通过Ajax来发起请求从后台获取；
  • 对于View部分，将来会学习一款ElementUI框架来替代HTML+CSS来更加方便的搭建View；
  • 此篇文章的侧重在于ViewModel部分开发的vue前端框架，用来替代JavaScript的DOM操作，让数据展示到视图的代码开发变得更加的简单

2. 框架是什么

• 框架是一个半成品软件，是一套可重用的、通用的、软件基础代码模型
• 基于框架进行开发，更加快捷、更加高效

3. Vue介绍

• Vue.js（读音类似于 view） 是一套构建用户界面的渐进式框架（基于MVVM模型的前端JS框架）
• 与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计
• Vue 的核心库只关注视图层&