摘要： 生命周期 之前在Servlet等也学习过生命周期，相同的，VUE组件也有生命周期。 VUE组件完全解析到浏览器，会经过如下过程。（简单理解） vue组件被实例化的过程，称为，组件实例化。 组件实例解析到浏览器中，称为，挂载。 组件实例从浏览器中删除，称为，卸载。 钩子函数 vue组件解析到浏览器的这 阅读全文

摘要： 单向绑定 之前学习的栗子，都是单向绑定。 单向绑定: 响应式数据对象的变化会更新dom树，用户的某些操作造成的数据更新，不会同步更新到响应式数据对象。 栗子 App.vue <script setup> import {ref, reactive} from 'vue'; let msg = ref 阅读全文

摘要： 响应式数据 什么是响应式数据？ 当数据发生改变时，DOM树的内容，会和数据同步更新。 vue3不是自动响应式数据，需要经过函数处理得到响应式数据对象。 ref和reactive 这两个函数都会返回响应式数据对象，但也有不同。 ref ref通常用于将一个基本类型转为响应式数据对象。 基本类型包括：数 阅读全文

摘要： 插值表达式 VUE中最基本的数据绑定形式。 语法格式如下： {{ 数据来源 }} 插值表达式的特点： 不依靠标签。 可以调用函数。 支持运算符。 栗子 App.vue <script setup> let msg = "字符串"; let num = 10; function f1() { retu 阅读全文

摘要： 当浏览器接收到服务端返回的页面后，浏览器会把页面解析成DOM树，DOM树中各个元素会相应的显示在浏览器上。 VUE提供的响应式数据可以在页面不刷新的情况下更新数据。 响应式数据 App.vue <script> //等价于setup语法糖。固定的写法，不会改。 export default { se 阅读全文

摘要： 在一个.Vue文件中，通常包括以下三部分。 <template> <style> <script> .vue中部分 传统部分 描述 <template> HTML 代替传统的.html文件 <style> CSS 代替传统的.js文件 <script> JS 代替传统的.css文件 声明内部的CSS 阅读全文

摘要： 代理模式主要分为两种。 静态代理 动态代理 学习Spring的AOP之前，需要了解代理模式。 基于租房这一事件，抽象角色与行为。 房东、房屋中介、租客 房东和房屋中介的共同行为：出租房屋。 静态代理举例一 静态代理角色分析（括号内是本次举例中的角色） 抽象角色：一般使用接口或者抽象类来实现。（出租房 阅读全文

摘要： Vite创建的默认Vue3项目中package.json文件信息如下： { "name": "vmoudle1", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": 阅读全文

摘要： 项目结构 使用Vite创建Vue3+JS默认项目结构如下：(vmoudle1是项目名) Vue中提出了组件的概念。 组件是代码复用的一种方式，用于抽象出一个可复用的UI，方便在不同的场景中进行重复使用。 组件根据大小可被分为：(从小到大) 1.组件 2.布局组件 3.页面级别组件 .vscode 忽 阅读全文

摘要： Vue Vue是基于标准 HTML、CSS 和 JavaScript 构建的前端框架，可以更高效地开发前端页面。 Vite Vite是Vue团队开发的项目管理工具。 Maven的主要功能 引入依赖 项目管理 使用Maven可以工程化的管理后端代码。 npm的主要功能：引入依赖 vite的主要功能：项 阅读全文