摘要：
插件 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例 import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的选项 */ }) 一个插件 阅读全文
posted @ 2023-04-01 22:31
caix-1987
阅读(40)
评论(0)
推荐(0)
摘要：
自定义指令 除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。 我们已经介绍了两种在 Vue 中重用代码的方式：组件和组合式函数。组件是主要的构建模块，而组合式函数则侧重于有状态的逻辑。另一方面 阅读全文
posted @ 2023-04-01 22:30
caix-1987
阅读(57)
评论(0)
推荐(0)
摘要：
什么是 组合式函数 在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数 当构建前端应用时，我们常常需要复用公共任务的逻辑。例如为了在不同地方格式化时间，我们可能会抽取一个可复用的日期格式化函数。这个函数封装了无状态的 阅读全文
posted @ 2023-04-01 22:29
caix-1987
阅读(134)
评论(0)
推荐(0)
摘要：
component 动态组件就是动态变化的组件，和动态样式一样，通过用户的操作来确定是什么类型的组件。动态样式是绑定:style，动态组件则是绑定:is 在 vue 中，实现 Tab 切换主要有三种方式：使用动态组件，使用 vue-router 路由，使用第三方插件。本文将详细介绍Vue动态组件 所 阅读全文
posted @ 2023-04-01 11:44
caix-1987
阅读(573)
评论(0)
推荐(0)
摘要：
Suspense <Suspense> 是一个内置组件，用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成，并可以在等待时渲染一个加载状态 <Suspense> 是一项实验性功能。它不一定会最终成为稳定功能，并且在稳定之前相关 API 也可能会发生变化 阅读全文
posted @ 2023-04-01 11:43
caix-1987
阅读(91)
评论(0)
推荐(0)
摘要：
Teleport <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去 基本用法 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他 阅读全文
posted @ 2023-04-01 11:42
caix-1987
阅读(50)
评论(0)
推荐(0)
摘要：
keepAlive <KeepAlive> 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件 kee-alive 是 Vue 内置的一个组件 阅读全文
posted @ 2023-04-01 11:41
caix-1987
阅读(101)
评论(0)
推荐(0)
摘要：
TransitionGroup <TransitionGroup> 是一个内置组件，用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果 和 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 Jav 阅读全文
posted @ 2023-04-01 11:41
caix-1987
阅读(80)
评论(0)
推荐(0)
摘要：
动画组件 Transition 和 TransitionGroup Vue 提供了两个可以帮助你制作基于状态变化的过渡和动画内置组件 1、<Transition> 会在一个元素或组件进入和离开 DOM 时应用动画 2、<TransitionGroup> 会在一个 v-for 列表中的元素或组件被插入 阅读全文
posted @ 2023-04-01 11:40
caix-1987
阅读(145)
评论(0)
推荐(0)
摘要：
基本用法 defineAsyncComponent 在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能 import { defineAsyncComponent } from 'vue' co 阅读全文
posted @ 2023-04-01 11:40
caix-1987
阅读(294)
评论(0)
推荐(0)
摘要：
Prop 逐级透传问题 provide 和 inject 可以帮助我们解决这一问题。 [1] 一个父组件相对于其所有的后代组件，会作为依赖提供者 任何后代的组件树，无论层级有多深，都可以注入由父组件提供给整条链路的依赖 Prop 逐级透传问题 通常情况下，当我们需要从父组件向子组件传递数据时，会使用 阅读全文
posted @ 2023-04-01 11:39
caix-1987
阅读(103)
评论(0)
推荐(0)
浙公网安备 33010602011771号