摘要: 小编已经有一段时间没有更新文章了,最近一直在考虑接下来要更新什么内容。接下来,小编会围绕以下三个方面更新文章。实际项目中遇到的问题和解决方案、Vue源码解析、代码重构、关于数据可视化。小编也会按照这个顺序,逐步的去更新。期待着一起进步。 今天就先和大家一起聊一聊我理解的闭包。在聊这个问题之前,先了解 阅读全文
posted @ 2022-03-22 19:21 飞鹰3995 阅读(708) 评论(0) 推荐(0) 编辑
摘要: 昨天和大家一起分享了关于CompositionAPI中的watch,今天继续探讨与watch类似的watchEffect,下面是示例代码 const app = Vue.createApp({ setup() { const { reactive, watch, toRefs,watchEffect 阅读全文
posted @ 2022-01-10 18:18 飞鹰3995 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 今天继续和大家一起探讨在Vue3中的CompositionAPI中,是如何处理watch的,我们先看一段针对基础数据类型数据的编码方式 const app = Vue.createApp({ setup(){ const { ref,watch } = Vue const name = ref('l 阅读全文
posted @ 2021-11-15 21:44 飞鹰3995 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 今天继续更新关于Vue3中CompetitionApi关于计算属性的使用方法。在之前的OptionsApi中,计算属性这样写 const app = Vue.createApp({ data(){ return { ... } }, computed:{ computedData(){ ... } 阅读全文
posted @ 2021-11-12 17:30 飞鹰3995 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 小编同样和大家分享关于Vue3中的数据相应的问题,之前,我们写过这样的例子 Vue.createApp({ template: `<div>{{ nameObj.name }}</div>`, setup() { const { reactive } = Vue const nameObj = re 阅读全文
posted @ 2021-11-10 17:56 飞鹰3995 阅读(325) 评论(0) 推荐(0) 编辑
摘要: 在之前的文章中,小编和大家一起学习了关于Vue的基本语法和概念,包括组件、数据混入和插槽等。从今天开始,小编和大家一起学习Vue3中的新特性,也就是网上炒的铺天盖地的Composition-API,看看到底有什么神奇之处,我们之前通过Vue写的代码,基本都是这样 Vue.createApp({ da 阅读全文
posted @ 2021-11-09 17:39 飞鹰3995 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 动画片多啦A梦相信大家很多都看过,而且近几年又出现了相关的电影,作为小编一个男生来说,一直是对里面的静香念念不忘,有点跑偏了哈,今天小编介绍的Teleport就和多啦A梦的任意门一样,可以穿梭到任何的DOM中的任何地方 模态框一直是实际开发中用到比较多的功能之一,在没有各种各样的组件之前,我们需要通 阅读全文
posted @ 2021-11-08 17:25 飞鹰3995 阅读(541) 评论(0) 推荐(0) 编辑
摘要: 有了前面组件、mixin的基础之后,再来了解今天小编要说的内容,就相对容易一些,今天小编和大家一起学习Vue3中的自定义指令,我们先来看看什么是Vue中的指令。 除了核心功能默认内置的指令 (例如 v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue 中,代码复用和抽象 阅读全文
posted @ 2021-11-05 18:20 飞鹰3995 阅读(690) 评论(0) 推荐(0) 编辑
摘要: 小编在之前的项目中还没有接触过minxin(数据混入),直到一次面试的时候,面试官问我,我才注意到,原来还有这样的一个东西,今天小编就和大家一起看看这个神奇的mixin。个人感觉mixin和组件的注册和使用很类似,我们要注册一个局部的mixin的时候,可以这样 // 组件data和methods优先 阅读全文
posted @ 2021-11-03 19:25 飞鹰3995 阅读(446) 评论(0) 推荐(0) 编辑
摘要: 今天小编在网上闲逛的时候,发现前端这几年的发展离不开组件的概念,之前小编接触到的组件,基本都是这样的 const app= Vue.createApp({ template: ` <input-item /> <common-item /> ` }) app.component('input-ite 阅读全文
posted @ 2021-11-02 19:01 飞鹰3995 阅读(177) 评论(0) 推荐(0) 编辑