幸运是我

shallowRef triggerRef reactive readonly isReadonly isReactive...

1，ref 2，isRef 3，unref 4，customRef 5，toRef 6，toRefs...

路由导航守卫 vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航 全局的前置守卫beforeEach是在导航触发时会被回调的： to：即将进入的路由R...

1, Vue中的动画 #1.1, Vue中的动画介绍 Vue中为我们提供一些内置组件和对应的API来完成动画，利用它们我们可以方便的实现过渡动画效果 没有动画的情况下...

State Hook 这个例子用来显示一个计数器。当你点击按钮，计数器的值就会增加： 在这里，useState 就是一个 Hook...

组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。 函数组件与 class 组件 定...

设想如下变量声明： 这个有趣的标签语法既不是字符串也不是 HTML。 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX...

dftp服务器配置 ftp服务器的端口号：21端口传送控制信息，20端口传送数据 配置Linux ftp服务器，提供文件下载服务 ftp服务器的IP：192.168.10....

samba服务器 Linux服务器，配置好samba服务，把/test目录共享出去供客户端访问。 客户端：windows物理机 Linux虚拟机 组网配置（NAT模式） 网...

虚拟 DOM​ 你可能已经听说过“虚拟 DOM”的概念了，Vue 的渲染系统正是基于这个概念构建的。 虚拟 DOM (Virtual DOM，简称 VDOM) 是一种编程概...

Vue 在大多数常见场景下性能都是很优秀的，通常不需要手动优化。然而，总会有一些具有挑战性的场景需要进行针对性的微调。 首先，让我们区分一下 web 应用性能的两个主要方面...

本文将深入解读一段前端代码，展示了如何使用 CSS 和动画效果来创建多个有趣的进度条样式。我们将从技术和趣味性两个方面对这段代码进行解析，并分析每一个进度条的实现原理。...

在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能： js 如你所...

侦听器​ 基本示例​ 计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状...

计算属性​ 基础示例​ 模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。比如说，我们有这样一个包含嵌套数组的对象： j...

在vue中，ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子...

声明响应式状态​ ref()​ 在组合式 API 中，推荐使用 ref() 函数来声明响应式状态： js ref() 接收参数，并将其包裹在一个带有 .value 属性的 ...

Action​ Action 相当于组件中的 method。它们可以通过 defineStore() 中的 actions 属性来定义，并且它们也是定义业务逻辑的完美选择。...

Getter​ Getter 完全等同于 store 的 state 的计算值。可以通过 defineStore() 中的 getters 属性来定义它们。推荐使用箭头函数...

这一段是纯css实现的10种动画效果。每个.spinner类定义了不同的样式属性，从.spinner-1到.spinner-10，每个都有不同的外观和动画效果。 这些动画可...