项目vue3 vue

# 【补充】uni-app和开源前端项目 # 【一】uni-app - https://uniapp.dcloud.net.cn/tutorial/app-useragent.html - uni-app是一个基于Vue.js框架的多端开发解决方案，可以同时开发生成iOS、Android、H5等多个 ......

# 【一】Router的介绍 - Router是一种用于实现页面组件跳转的工具。 - 在单页面应用中，为了实现页面之间的切换，可以使用Router来进行管理和控制。 - 提倡单页面应用，需要做页面的跳转 》借助于Router实现页面组件的跳转 # 【二】Router之简单使用 ## 【1】页面跳转 ......

# Vue3 UI库 # 【一】Element Plus(ElementUI 的升级版): - Element Plus 是前端开发者广泛使用的一个基于 Vue 3 的 UI 组件库。它是 ElementUI 的升级版，提供了丰富的组件和样式，以及强大的功能。其基本使用操作包括： - 安装 Elem ......

# 【一】JS代码 - `\src\hook\UsePoint.js` ```js import {onBeforeUnmount, onMounted, reactive} from "vue"; export default function () { let point = reactive( ......

# vuex # 【一】介绍 > - vuex :状态管理器 》存数据(变量)的地方，所有组件都可以操作 > > - 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 - Vuex是一个 ......

# 【一】插件 - 插件功能：用于增强Vue，有很多第三方插件 - `(vuex，router，elemetui)` - 定义自己的插件 - 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据 - 使用步骤： - 定义插件 - plug ......

在vue ssr时，java后端返回的对象是内嵌对象的那种： package com.davidhu.shopguide.api.bean.extend; import com.baomidou.mybatisplus.extension.plugins.pagination.Page; impor ......

SSM整合项目 新建数据库 CREATE DATABASE ssmbuild;​USE `ssmbuild`​DROP TABLE IF EXISTS `books`;​CREATE TABLE `books`(`bookID` INT (10) NOT NULL AUTO_INCREMENT CO ......

1. Test.vue <template> <div> <button @click="isShow=!isShow"> 显示/隐藏 </button> <h1 v-show="isShow" class="come">你好呀</h1> </div> </template> <script> ex ......

登录linux服务器，进入目录 usr/local目录，创建两个文件夹 使用alt+p快捷键，将windows目录中生成的jar包，拖到linux桌面 使用cp命令，将linux桌面中jar包，复制到指定目录 cp lesson01-0.0.1-SNAPSHOT.jar /usr/local/doc ......

前言 注意：排名不分先后，都是十分优秀的开源项目和框架，每周定期更新分享（欢迎关注公众号：追逐时光者，第一时间获取每周精选分享资讯🔔）。 每周精选优秀的C#/.NET/.NET Core项目和框架，帮助开发者发现功能强大、性能优越、创新前沿、简单易用的项目和框架。无论你是寻找灵感、学习新技术、改进 ......

创建一个SpringBoot项目测试程序，在Windows中执行 java -jar xxx.jar 查看效果 java -jar lesson01-0.0.1-SNAPSHOT.jar 主要代码 1、pom.xml文件 <?xml version="1.0" encoding="UTF-8"?> ......

router.addRoute()可以向vue路由中动态的添加路由信息，但，路由存在多层级关系，例如，最开始的路由是这样的： { path: '/', name: 'layout', component: resolve => require(['../layout'], resolve), met ......

# 【一】vue-cli创建项目 ## 【1】引入 ### 单页面应用（SPA） - 单页面应用（Single Page Application，简称SPA）是一种Web应用程序的架构方式。 - 传统的多页面应用中，每次导航到新页面都会进行整个页面的重新加载。 - 而SPA只有一个主页面（通常是in ......

# 【ref属性】 > ref属性，vue提供的，写在标签上 > > - 可以写在普通标签：在vue中使用 this.$refs.名字 拿到dom对象，可以原生操作 > - 可以写在组件上:在vue中使用 this.$refs.名字 拿到[组件]对象，组件属性，方法直接使用即可 # 【详解】 - r ......

# 【一】Vue3的变化 ## 【1】性能的提升 - 打包大小减少41% - 初次渲染快55%, 更新渲染快133% - 内存减少54% ## 【2】源码的升级 - 使用Proxy代替defineProperty实现响应式 - 重写虚拟DOM的实现和Tree-Shaking ## 【3】拥抱Type ......

# 【一】Vue介绍 - Vue (读音 /vjuː/，类似于 view) 是一个渐进式JavaScript框架，用于构建用户界面。 - 它与其他大型框架的不同之处在于，Vue的设计理念是可以逐层应用的。 - Vue的核心库只关注视图层，这使得它不仅易于上手，还方便与第三方库或已有项目进行整合。 - ......

# 【一】插值语法 ```html Title {{s}} {{name}} ``` ```html Title 字符串：{{name}} 数字：{{age}} 数组：{{hobby}} >{{hobby[1]}} 对象：{{wife}} >{{wife['name']}} >{{wife.age} ......

# 【一】组件介绍 ## 【1】什么是组件 > - 组件就是：扩展 HTML 元素，封装可重用的代码，目的是复用 > - 例如： > - 有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html > - 组件把js，css，html放到一起，有逻辑，有样式，有html - 组件是在Web ......

# 【一】指令系统之文本指令(v-text/v-html) - 写在标签上，v-开头的 标签，称之为指令，每个指令都有特殊用途 > - v-指令名='写原来插值能写的东西' > - v-指令名='name' # 变量 - v-text - v-text 指令用于将变量的值渲染到标签的内部。 - 它会 ......

# 【一】Vue的生命周期 # 【1】详解 - Vue.js生命周期是指在Vue实例从创建到销毁的过程中，会经历一系列的钩子函数，这些钩子函数可以让我们在不同的阶段插入自定义的代码。 - Vue的生命周期分为三个主要阶段： - **创建阶段** - **更新阶段** - **销毁阶段**。 ## （ ......

# 【一】计算属性 - [1]计算属性是通过依赖变量进行缓存的，这意味着计算属性会保存最近一次计算的结果，并且只有在相关的依赖变量发生改变时才会重新计算。 - [2]计算属性只有在其相关依赖变量发生改变时才会重新求值，这也是它与普通函数的一个主要区别。 - 与函数不同的是，计算属性只在需要的时候才进 ......

# 【一】Vue-CLI 项目搭建 # 【二】Vue-CLI 项目搭建参考步骤 - Vue-CLI（Vue Command Line Interface）是Vue.js官方提供的一个基于命令行的快速搭建Vue项目的工具。 - 它为我们创建一个Vue项目提供了简单易用的脚手架。 ## 【1】安装Nod ......

# 【一】组件化开发基础 ## 【1】组件是什么？有什么用？  > 组件就是：扩展 HTML 元素，`封装可重用的 ......

# 【一】项目功能插件 # 【二】vue-router ## 【1】详解 ### （1）介绍 - Vue Router是Vue.js官方提供的用于实现客户端路由的插件。 - 它允许您在单页面应用（SPA）中定义前端路由，以便根据不同的URL路径展示不同的组件内容，从而实现页面之间的切换和导航。 ## ......

# 【一】ref属性 ## 【1】详解 > - 被用来给元素或子组件注册引用信息（id的替代者） > - 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） - 在Vue中，$refs是一个特殊的属性，用于给元素或子组件注册引用信息。 - 它允许我们在模板或组件中通过 ......

# 【一】热门组件库 - 在Vue生态系统中，有许多热门的组件库可供使用。 - 这些组件库提供了丰富的UI组件和工具，可以极大地提升开发效率。 - 以下是一些热门的Vue组件库： - Element UI： - Element UI是饿了么UED团队开发的一套PC端的UI框架。 - 它提供了许多常用 ......

# 【一】前端的发展史 ## 【1】HTML、CSS、JavaScript： - 最初，前端主要是通过编写HTML（超文本标记语言）来构建静态网页。随后引入CSS（层叠样式表），使得网页能够实现更丰富的样式和布局。 - 而JavaScript成为了前端开发中的核心语言，通过JavaScript可以实 ......

# 【一】条件渲染 | 指令 | 释义 | | : : | : : | | v-if | 相当于： if | | v-else | 相当于：else | | v-else-if | 相当于：else if | - 在Vue中，条件渲染是一种根据特定条件决定是否显示或隐藏元素的方式。 - Vue提供了 ......

# 【一】与后端交互 - ajax ## 【1】版本1 - 出现了跨域问题 ### （1）前端：index.html ```html Vue与后端交互 - 出现了跨域问题 加载数据 ``` ### （2）后端：main.py ```python from flask import Flask # 这 ......