浮白勿追忆

Vue3学习之路

Js基础知识整理(13) Vue2知识整理汇总(9) 力扣网简单题(8) 日常问题汇总(4) 面试(1)

/ 注册

全部文章 / Vue3学习之路（共11篇）

Vue3第11课：重温computed与watch

computed 准备写一个关于汽车销量的无序数组，并返回展示销量排名前3的。 <template> 销量总览： <ul> <li v-for="(car, idx) in carList" :key='idx' &...

HTML/CSS/JavaScript Javascript Node

2022-12-01

0 422

Vue3第10课：Suspense异步组件使用真实请求深入学习与onErrorCaptured获取异步请求异常

上一篇使用setTimeout模拟了异步请求，这一篇使用真实请求。 Suspense也是支持async...await的语法的，所以这个组件就用async的写法来写 DogShow.vue <template> <div class="dogshow"> &l...

2022-05-12

0 477

Vue3第9课：初识Suspense异步组件

先看一下官网是怎么说的，下面是官网的介绍在正确渲染组件之前进行一些异步请求是很常见的事。组件通常会在本地处理这种逻辑，绝大多数情况下这是非常完美的做法。该 <suspense> 组提供了另一个方案，允许将等待过程提升到组件树中处理，而不是在单个组件中。一个常见的异步组件用例： ...

2022-05-10

0 426

Vue3第8课：Vue3中的teleport组件-瞬间移动组件的使用

对于teleport组件，我们先来看一下官方是怎么说的吧。 Teleport 提供了一种干净的方法，允许我们控制在 DOM 中哪个父节点下渲染了 HTML，而不必求助于全局状态或将其拆分为两个组件。简单的来说就是teleport可以控制在哪一个dom上去渲染你的组件，去解决一些使用组件时受到父元...

2022-05-09

0 522

Vue3第7课：Vue3中模块化深入--刷新随机出现一张狗狗图片

需求就是当我们每次刷新页面时，调用接口请求一张随机图片展示在页面上。开发前的准备工作，首先我们需要一个接口："https://dog.ceo/api/breeds/image/random",此接口为行业内大佬提供，请大家善待；另外我们需要使用到vue中的axios,使用npm install ...

2022-05-07

0 392

Vue3第6课：Vue3中模块化介绍-作一个时间更新模块

我们知道当程序有一定的可重用性时，在vue2中我们会使用mixins,但是在vue3中没有了。那我们先vue3中怎么实现类似的功能了。明确需求，我们希望有提供一个时间与调用时间的方法给多个组件使用。我们先新建一个Time.vue组件 <template> <div cl...

HTML/CSS/JavaScript Javascript Node Javascript V8

2022-05-05

0 306

Vue3第5课：Wacth的使用与注意事项

前段时间自己一塌糊涂，迷失了自我，整个人乱七八糟，心神不宁，魂不守舍，感觉十分焦虑。放假重新调整了自己，现在的我干劲十足，非常精神。重新开启我的学习之路。gogogogogogogogo！！！！！！！！！！！！！！！！！先说需求，我们想在选车完成之后新增一个“选择完毕”的按钮，弹出选择的是什么...

HTML/CSS/JavaScript

2022-05-05

0 400

vue3第4课：onRenderTracked()和 onRenderTriggered()钩子函数的使用

onRenderTracked() 状态跟踪 onRenderTracked 直译过来就是状态跟踪，他会跟踪页面上所有的方法跟变量，也就是我们return返回的属性与方法，它都会进行跟踪。当页面有update时，会生成一个event对象。我们可以通过这个event对象查看程序的问题所在。看一下...

HTML/CSS/JavaScript

2022-01-24

0 3284

vue3第3课：生命周期

写一个简单的vue文件，每次点击的时候，让num加一 <template> <div class="life"> {{ num }} <button @click="addNum">加1</button> </div>...

HTML/CSS/JavaScript

2022-01-21

0 469

vue3第2课：ref与reactive

网络上对这两个方法的争论还是不少的，但到目前为止，还没有什么实质性的理论到底是用Ref()好还是reactive()好，也就是两种方法都可以。他们的作用都是生成响应式对象，目前来看只是编写上有所不同。我个人更倾向于使用reactive() 先看ref的使用：要在template中使用的变量，必须...

HTML/CSS/JavaScript

2022-01-15

1 394