本文来分享 25 个 Vue 开发必备的实用技巧! 使用 defineModel() 实现双向数据绑定 在 Vue 3.4 中,推荐使用 defineModel() 宏来实现双向数据绑定,这大大简化了代码。 <!-- 使用 defineModel 之前 ...
Vue
Vue内置指令v-once、v-memo和v-pre提升性能?
前言 Vue的内置指令估计大家都用过不少,例如v-for、v-if之类的就是最常用的内置指令,但今天给大家介绍几个平时用的比较少的内置指令。毕竟这几个Vue内置指令可用可不用,不用的时候系统正常跑,但在对的地...
手写nextTick
前言 最近在面试的时候被面试官问到,如何在vue中获取到最新的DOM元素,瞬间内心狂喜,自信地对面试官说不就是用nextTick嘛,当DOM元素更新时会执行传入nextTick的回调函数,我们在回调函数中就可以获取到最新...
总结了十个Vue3超级实用但是很冷门的API
今天给大家分享几个很少人用,但是又非常有用的 Vue3 的 API readonly 顾名思义,就是只读的意思,如果你的数据被这个 API 包裹住的话,那么修改之后并不会触发响应式,并且会提示警告 readonl...
搞懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref…
在 Vue3 中,有许多与响应式相关的函数,例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法,让我们在实际开发中知道应该使用哪些 API 并...
Vue中常用的4种高级特性!
1. provide/inject provide/inject是Vue.js中用于跨组件传递数据的一种高级技术,它可以将数据注入到一个组件中,然后让它的所有子孙组件都可以访问到这个数据。通常情况下,我们在父组件中使用provide来提供...
Vue3.4 中组件 v-model 双向数据绑定 新玩法!!!
今天给大家推荐一个 Vue3.4 中新增的 defineModel 这个Api , 真的超好用!!! 前言 随着 Vue3.4 版本的发布,defineModel也正式转正了。它可以简化父子组件之间的双向绑定,是...
Vue3面试真题
1、Vue3.0所采用的Composition Api与Vue2.x使用的Options Api 有什么不同? 1.1 开始之前 Composition API可以说是Vue3的最大特点,那么为什么要推出Composition Api,解决了什么问题? 通常使用Vue...
Vue2 面试真题
1、请描述下对vue生命周期的理解 1.1 生命周期是什么 生命周期(Life Cycle)的概念应用很广泛,特别是在政治、经济、环境、技术、社会等诸多领域经常出现,其基本涵义可以通俗地理解为“从摇篮到坟墓”(...
7 个最常用的 Vue 3 UI 组件
介绍: 由于我在工作的公司中角色和职责的变化,作为后端开发人员的我在去年年底选择了 Vue.js。当我深入研究时,我发现 Vue.js 非常有趣。它不像 Angular 那样有很高的学习曲线,而且比 React 更轻量和灵活...