跟我一起学Vue3

Vue3源码学习 ｜ Vue设计与实现学习笔记 1.为什么会有虚拟Dom这个概念？出现的背景是什么 当设计一个框架的时候，框架本身的各个模块之间并不是相互独立的，而是相互关联、相互制约的。 所以如果你

在上一篇文章开篇中，已经出现了render函数但是在中级篇中我们并没有使用，那么就在高级篇里面让我们来看一下如何利用render函数来做最后的优化吧： 高级篇，使用render函数自己进行拼接创建。

上一篇文章中我们手动封装了一个面包屑组件，但是还是存在一些小问题，我们在这篇文章中进行一些优化。 我们先来参考一下element-ui的面包屑组件： 大致步骤： 使用插槽和封装选项props组件完成面

目的： 封装一个简易的面包屑组件，适用于两级场景。 大致步骤： 准备静态的 shop-bread.vue 组件 定义 props 暴露 parentPath parentName 属性，默认插槽，动态

目的： 当图片进入可视区域内去加载图片，且处理加载失败，封装成指令。 首先我们介绍一个webAPI：IntersectionObserver 基于vue3.0和IntersectionObserver

在一个页面中当我们没有浏览一些数据时，其实这个时候是不需要向服务器发请求的，不然的话可能你并不会看这些内容，但是却仍然发了请求，就造成了资源的浪费，那么为了解决这个问题，我们就可以通过懒加载的方式加载

今天这篇文章讲一下，vue3的项目里当我们需要使用轮播图的时候，如何通过自己手动封装的方式来实现轮播效果。 大致步骤： 准备shop-carousel组件基础布局，全局注册 准备home-banner

在我们的项目中，有时候刷新页面会遇到侧边目录栏暂时空白的情况，可能是因为发送了请求但是数据返回到渲染到页面还需要一定的时间，这个时候我们可以通过使用骨架屏来避免那种空白，同时提升用户体验。接下来让我们

1）安装@vueuse/core 包，它封装了常见的一些交互逻辑 2）在吸顶导航中使用src/components/header-sticky.vue 除了使用第三方来实现吸顶功能之外，我们也可以通过

在项目中我们在很多地方都会用到数据的持久化，比如存储token的时候，或者电商平台里面我们的购物车里要保持之前加入购物车的商品。那么就让我们来看一下Vue3中是如何实现他的吧 1）首先：我们需要安装一

在说Vue3中的v-model之前，让我们先来看一下Vue2中的v-model是怎么样的。 1.Vue2中v-model的应用场景 对于上述代码中(*)部做出说明 <button @click="co

父子通信 父传子 子传父： 依赖注入 使用场景：有一个父组件，里头有子组件，有孙组件，有很多后代组件，共享父组件数据。 孙子把数据直接传递给爷爷

上一篇文章介绍了Vue3和Vue2的一些区别，现在来接着上一篇文章继续介绍Vue3的基本用法。 1.组合API-computed函数 computed函数，是用来定义计算属性的，计算属性不能修改。(计

Vue3已经发布一年多了，不知道大家在日常开发中有没有用上Vue3呢，通过这篇文章让我们来看看Vue3和之前的版本有哪些不同吧： 什么是选项API写法：Options ApI 咱们在vue2.x项目中