很多人都答错了的面试题，vue3的ref是如何实现响应式的？
最近在我的 有位面试官分享了一道他的面试题： vue3的ref是如何实现响应式的？ 下面有不少小伙伴回答的是Proxy， 其实这些小伙伴只回答对了一半 。 当ref接收的是一个对象时确实是依靠 去实现响应式的。 但是ref还可以接收 、 或 这样的原始类型，当是原始类型时，响应式就不是依靠 去实现的，而是在 属性的 和 方法中去实现的响应式。 本文将通过debug的方式带你搞清楚当ref接收的是对象和原始类型时，分别是如何实现响应式的。...
Vue 组件管理的新趋势，远程加载组件
这几天在想一个前端团队的现状，现在一个前端团队肯定不止一个项目，而这些前端项目可能都会有一些共用的组件 所以很多公司内部开发了内部的组件库，以供各个项目去使用，比如下图，各个项目共同使用同一个组件库 当组件库升级的时候，各个项目想要使用最新的组件功能，也得跟着升级依赖组件库的版本号，并且重新将项目上线，就比如 总感觉挺麻烦的，所以在想： 有没有办法，只需要组件库升级，而项目并不需要去更新依赖包呢，甚至可以做到项目不需要重新上线，就能获取...
用最简洁的大白话把 Vue 原理讲清楚！
哈喽，大家好 我是 👨🏻💻。面试经常被问 Vue 原理？ 那么怎么用比较简短的话语把 和面试官讲清楚呢 🤔？ 大部分前端开发在 的过程中，应该都会遇到面试官问各种 的问题。 就拿 来说，底层原理涉及到的概念和知识点很多，包括 、 、 、 、 、 、 等。 面试官一般都没有 的时间来听我们一句一句的 ！ 那么我们如何在有限的时间内， 的把 Vue 原理解释清楚呢？🤔 核心： ！！！ Vue 的 及到一些更深入的概念，主要包括以...
el-table表格合并
Vue Emelent-UI表格合并行或列rowspan和colspan的作用_vue colspan
Vue 的table组件支持合并行或者列，在这里做个简单的学习笔记。 我们可以通过rowspan和colspan来进行单元格合并，那么这两个属性是什么意思呢，通过官方给的 来探讨下。 上述单元格将行index为奇数的第一列和第二列合并为一个单元格：效果就是展示第一列的内容，隐藏第二列的内容。 代码如下 从效果来看，单元格合并的原理总结如下： 合并之前，Table的每个单元格所占据的空间都是一样的，都是 或者 ，单元格合并就是将目标单元格...
Vue 3 的 setup语法糖到底是什么
<span style="color: var( g textcolor);" 我们每天写</span <span style="color: var( g textcolor);" 项目的时候都会使用</span <span style="color: var( g textcolor);" 语法糖，但是你有没有思考过下面几个问题。</span <span style="color: var( g textcolor);" 语法糖经过...
el-table多选分页与全选分页
一、el table多选分页时，记住其他页的选中状态 实现方法： 核心是el table column的reserve selection属性 image.png 1.通过type="selection"设置复选框列，重点在于 reserve selection 属性，设置为true时，数据更新之后保留之前选中的数据。 2.需要表格属性“row key”的配合，在使用 reserve selection 功能的情况下，该属性是必填的。将...
Vue3嵌套路由中使用keep-alive缓存多层的实现
目录 前言 Demo项目结构 路由层级扁平化 给所有的 router view 都嵌套上 keep alive 前言 是Vue中的缓存标签， 组件在标签中的内容会被缓存下来;但是在多层嵌套的 中， 只能缓存到该层下的 ， 由于路由嵌套比较常见，所以这里提供两种我觉得OK的解决方案。 解决思路 路由层级扁平化，在路由守卫中执行一个拍平的函数，将需要缓存的路由提升到第一层，这样处理会影响到路由层级，最直白的影响如对 面包屑 等功能有直接影响...
完美解决vue3 keep-alive多个路由使用同一个组件的缓存问题
之前页面少的话 用keep live结合router view，使用keep live的include属性就可以自己决定keep live缓存那些组件不缓存那些组件，直到遇到个问题。 平时写的代码如下： 其中 visitedViewPaths表示的是一个放Component name的数组，可以去看文档 如果配置的路由A用A组件，路由B用A组件，因为include属性是靠组件的name来决定缓存与不缓存的，还有这种情况，路由里配置的{...