构建插槽时，最好规划一下布局。这就是我的文章布局。 构建插槽与构建组件没有什么不同。本质上，插槽是具有超强功能的组件,让我们细分一下上面的布局，组件的外观如下： 这里的 attributeName 会被作为一个JavaScript表达式进行动态求值，求得的值将会作为最终的参数来…

Vue3.0 Composition Api (最核心)、v-model更改、响应式ref和reactive、watch和watchEffect、以及vue2和vue3对比

1. 为什么要学习源码 ? 阅读优秀的代码的目的是让我们能够写出优秀的代码。 不给自己设限，不要让你周围人的技术上限成为你的上限。 其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。 基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看…

如果你正在使用Vue框架，那么你肯定知道Vue CLI是什么。Vue-cli 3，它是Vue.js 开发的标准工具（脚手架），提供项目支架和原型设计。 除了日常构建打包项目，Vue CLI3 的一个重要部分是cli-plugins，插件开发。 本文将教你如何科学的创建一个Vue…

这是基于 vue-cli4 实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法，可供快速开发使用。 在一两年前，vue-cli3已经声驾到3.0+版本，但是由于旧项目一致习惯于vue-cli2的脚手架的使用，之前也写过一篇 搭建一个vue-cli的移动端…

vue3-jd-h5是一个电商H5页面前端项目，基于Vue 3.0.0-beta.1 + Vant 实现，主要包括首页、分类页面、我的页面、购物车等。 ⚠️master分支是线上生产环境代码，因为部分后台接口已经挂了😫，可能无法看到实际效果。 进入刚才clone下来的项目根目…

很多人提起 Vue 中的 computed，第一反应就是计算属性会缓存，那么它到底是怎么缓存的呢？缓存的到底是什么，什么时候缓存会失效，相信还是有很多人对此很模糊。 本文以 Vue 2.6.11 版本为基础，就深入原理，带你来看看所谓的缓存到底是什么样的。 本文假定你对 Vue…

在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。 函数式组件是无状态，它无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加 functional 声明即可。一般适合只依赖于外部数…

相信大家对 Vue 有哪些生命周期早就已经烂熟于心，但是对于这些生命周期的前后分别做了哪些事情，可能还有些不熟悉。 本篇文章就从一个完整的流程开始，详细讲解各个生命周期之间发生了什么事情。 注意本文不涉及 keep-alive 的场景和错误处理的场景。 进入了 _init 函数…