Vue3
文章平均质量分 68
IT_全世界的屋顶
web前端开发
展开
-
Vue3中Teleport的使用
Vue3中Teleport的使用一、Vue3.x传送二、使用eleport实现一个模态T的组件一、Vue3.x传送Vue3.x 中的组件模板应该属于组件,我们想把这个模板的内容移动到当前组件之外的 DOM 中,就可以使用 Teleport。表示传送内包含的内容显示到身体中<teleport to="body">内容</teleport><teleport to="#app">内容</teleport>二、使用eleport实现一个模态T的原创 2021-07-07 19:10:15 · 680 阅读 · 1 评论 -
Vue3中 Composition API的介绍
Composition API的介绍一、 Composition API的介绍二、setup组件选项2.1、Props2.2、上下文2.3、setup组件的 property2.4、ref reactive 以及setup结合模板使用错误写法正确写法一:正确写法二:2.5、使用 this三、 toRefs - 解构响应式对象数据四、computed - 计算属性五、readonly “深层”的只读代理六、watchEffect七、watch 、watch 与watchEffect区别八、组合式api生命周期原创 2021-07-07 17:07:59 · 744 阅读 · 3 评论 -
Vue3中的mixin介绍和使用
Vue3中的mixin介绍和使用一、Vue3.x中的mixin介绍使用1、新建mixin/base.js2、使用mixin二、关于Mixin的选项合并1、比如,数据对象在内部会进行递归合并,并在发生冲突时以组件数据优先2、同名钩子函数将合并为一个数组,因此都将被调用。另外,混入对象的钩子将在组件自身钩子之前调用。3、值为对象的选项,例如 `methods`、`components`,将被合并为同一个对象。两个对象键名冲突时,取组件对象的键值对。三、全局配置Mixin一、Vue3.x中的mixin介绍使用原创 2021-07-07 10:07:19 · 6281 阅读 · 4 评论 -
Vue3中的计算属性与监视
Vue3中的计算属性与监视计算属性与监视computed函数:watch函数watchEffect函数计算属性与监视computed函数:与computed配置功能一致只有getter有getter和setterwatch函数与watch配置功能一致监视指定的一个或多个响应式数据, 一旦数据变化, 就自动执行监视回调默认初始时不执行回调, 但可以通过配置immediate为true, 来指定初始时立即执行第一次通过配置deep为true, 来指定深度监视watchEffect.原创 2021-07-02 20:16:00 · 374 阅读 · 4 评论 -
Vue3入门 学习笔记
Vue3入门 学习笔记一.认识Vue31.了解相关信息2.性能提升3.新增特性二.创建vue3项目1. 使用 vue-cli 创建2.使用 vite 创建三.Vue2 与 Vue3 的对比四. setup 和 ref 和 reactive1.setup2.ref3.reactive五.比较 Vue2 与 Vue3 的响应式(重要)vue2 的响应式Vue3 的响应式六.setup细节六.reactive与ref-细节一.认识Vue31.了解相关信息Vue.js 3.0 “One Piece” 正式.原创 2021-07-01 22:02:14 · 575 阅读 · 2 评论