缓存computed方法vue

# 【一】插件 - 插件功能：用于增强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 ......

方法很简单，msvcp110.dll丢失，安装Microsoft Visual C++ 2012 Redistributable Package就可以，我把修复程序的链接放下面。 ......

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

背景提要： 场景为1PB数据，平均文件大小为2MB，并且每个文件都携带100个HDFS标签属性（实际不会这么多）。 计算方法如下: 对的，扩展属性会存储在HDFS的元数据中，因此当有大量文件携带扩展属性时，会对NameNode的内存占用产生影响。 在这个新的情况下，我们假设每个文件携带100个扩展属 ......

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 ......

## windows程序图标缓存 在vs中替换c++程序的图标后，需要重新编译，但是很多情况下都不会刷新，还是看到老的图标，只能重启电脑才能看到新的图标。 通过ChatGPT得到相关的回答如下： 如果在 Windows 上更换了可执行文件 (.exe) 的图标，但是在图标文件已经更改的情况下仍然显示 ......

# 【一】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 # 这 ......

# 【一】生命周期图 ## 【1】官网原图  ## 【2】我理解的图 ![](https://img2023.cn ......

## 抽象静态方法 在C# 11中，引入了对抽象静态接口成员的支持。这个特性可以让你在接口中定义静态抽象方法、属性、或事件。具体来说，一个接口可以定义一个或多个抽象静态成员，这些成员没有具体的实现。任何实现该接口的类或结构必须提供这些成员的静态实现。这就像实现普通接口成员一样，只不过是静态的。当然， ......

# 【一】跨域问题详解 ## 【1】详解 - 跨域问题指的是在Web开发中，当一个网页上的脚本试图访问不同源（协议、域名或端口不同）的资源时所产生的安全限制。 - 这是由于浏览器的同源策略所导致的。 - 同源策略是一种安全机制，其目的是保护用户数据的安全。 - 根据同源策略，一个网页只能与同一来源的 ......

效果： 1：表格以及分页 2：增加一条数据 3：删除一条数据 4：修改一条数据 5：查询一条数据 <template> <div class="tab-container"> <div class="filter-container" style="margin-bottom: 20px"> <el ......

1. 语法 this.$nextTick(回调函数) 2. 作用 在下一次DOM 更新结束后执行其指定的回调 3. 什么时间用 当改变数据后，要基于更新后新的DOM进行某些操作时，要在nextTick 所指定的回调函数中执行。 1. App.vue <template> <div id="root" ......