前端人

摘要： 问题描述： 使用 reactive 包装数组响应式失效。 或： reactive 使用时响应式失效。我们通过 reactive 定义一个响应式数组，网络请求返回的数据，赋值给数组之后，页面上的数据并没有更新。 具体的代码： const arr = reactive([]); const load = 阅读全文

摘要： 为什么推荐使用 hash 模式？ 创建项目时，vue-router 默认使用 hash 模式，设置模式的时候到底该使用hash还是history模式呢？ 先了解它们的实现原理，搞清楚之间的区别，就知道什么时候该选择什么模式了。 一、实现原理 hash 原理 hash 是通过监听浏览器 onhashc 阅读全文

摘要： 高阶函数是什么呢？ 高阶函数英文名叫：Higher Order function ，一个函数可以接收一个或多个函数作为输入，或者输出一个函数，至少满足上述条件之一的函数，叫做高阶函数。 前言 本篇内容的知识点比较多，讲得不够细致，不熟悉的可翻阅前几篇文章，分别对每个知识点都有一篇特别详细的文章。建议 阅读全文

摘要： 刚开始使用 script setup 语法糖的时候，编辑器会提示这是一个实验属性，要使用的话，需要固定 vue 版本。 在 6 月底，该提案被正式定稿，在 v3.1.3 的版本上，继续使用但仍会有实验性提案的提示，在 V3.2 中，才会去除提示并移除一些废弃的 API。 script setup 是 阅读全文

摘要： 在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。 像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌 阅读全文

摘要： vue3 中 的 computed 的使用，由于 vue3 兼容 vue2 的选项式API，所以可以直接使用 vue2的写法，这篇文章主要介绍 vue3 中 computed 的新用法，对比 vue2 中的写法，让您快速掌握 vue3 中 computed 的新用法。 组合式 API 中使用 com 阅读全文

摘要： 选项式API与之前写法相同，本篇文章主要通过 Options API 和 Composition API 对比 watch 的使用方法，让您快速掌握 vue3 中 watch 新用法。建议收藏！ 一、watch 新用法 选项式API中，watch 使用 watch:{ mood(curVal,pre 阅读全文

摘要： 问题描述： 升级脚手架 vue-cli 4.5.15 版本之后，使用 template 时报错： [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. 阅读全文

摘要： 在之前 vue2 中，data 返回的数据，可以直接进行双向绑定使用，如果我们把 setup 中数据类型直接双向绑定，发现变量并不能实时响应。接下来就看看setup如何实现data的响应式功能？ 阅读全文

摘要： 本篇文章干货较多，建议收藏！ 从 vue2 升级到 vue3，vue3 是可以兼容 vue2 的，所以 vue3 可以采用 vue2 的选项式API。由于选项式API一个变量存在于多处，如果出现问题时，就需要去多个函数内检查，项目较大时，遇到问题，增加排故的难度。所以 vue3 中新增了 setup 阅读全文