web前端面试高频考点——Vue的高级特性（动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router）
一、Vue高级特性1、动态组件按未知顺序渲染组件图片出处：https://coding.imooc.com/lesson/419.html#mid=33846示例：动态组件的使用index.vue 父组件在 data 中接收组件名在 <component> 中通过 :is="xxx" ...
web前端面试高频考点——Vue3.x深入理解（v-model参数用法、watch和watchEffect区别、Vue3快于Vue2、Vite启动快的原因）
一、v-model 参数的用法1、Vue2.x 的 .sync在一个包含 title prop 的组件中，我们可以用以下方法表达对其赋新值的意图普通写法：this.$emit('update:title', newTitle)<text-document v-bind:title="doc.t...
web前端面试高频考点——Vue3.x响应式（Composition API的逻辑复用、Proxy实现响应式）
一、Composition API 如何实现逻辑复用抽离逻辑代码到一个函数函数命名约定为 useXxx 格式（React Hooks 也是）在 setup 中引用 useXxx 函数useMousePosition.js 文件鼠标移动事件，显示鼠标的位置写在 js 文件中，可供逻辑复用import ...
web前端面试高频考点——Vue3.x升级的重要功能（emits属性、生命周期、多事件、Fragment、移出.async、异步组件写法、移出 filter、Teleport、Suspense...）
一、三连问（为什么）1、为什么需要用 ref ？返回值类型，会丢失响应式如在 setup、computed、合成函数，都有可能返回值类型Vue 如不定义 ref，用户将自造 ref，反而混乱whyRef.vue 组件值类型无处不在vue3 是通过 proxy 实现的响应式，但只对引用类...
web前端面试高频考点——Vue3.x新增API（生命周期，ref、toRef 和 toRefs 的理解和最佳使用方式）
一、Vue3 比 Vue2 有什么优势？性能更好体积更小更好的 ts 支持更好的代码组织更好的逻辑抽离更多新功能二、Vue2 和 Vue3 生命周期区别App.vue 父组件：<template> <div> <life-cycles :msg="msg" v-if="...
web前端面试高频考点——Vue面试题
1、v-show 和 v-if 的区别v-show 通过 CSS display 控制显示和隐藏v-if 组件真正的渲染和销毁，而不是显示和隐藏频繁切换显示状态用 v-show，否则用 v-if2、为何在 v-for 中使用 key必须用 key，且不能是 index 和 randomdiff 算法...
web前端面试高频考点——Vue原理（diff算法、模板编译、组件渲染和更新、JS实现路由）
一、虚拟 DOM - diff 算法概述diff 算法参考链接diff 算法是 vdom 中最核心、最关键的部分diff 算法能在日常使用 vue react 中体现出来（如 key）diff 算法概述：diff 即对比，是一个广泛的概念，如 linux diff 命令，git diff 命令两个 ...
web前端面试高频考点——Vue原理（理解MVVM模型、深度/监听data变化、监听数组变化、深入了解虚拟DOM）
一、Vue原理1、理解MVVM模型组件化组件化就是将一个页面拆分成一个个小的功能模块每个功能模块完全属于自己这部分独立的功能使得整个页面的管理和维护变得非常容易。asp jsp php 已经有组件化了nodejs 中也有类似的组件化数据驱动视图传统组件，只是静态渲染，更新还要依赖于操作 DOM数据驱...
web前端面试高频考点——Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）
一、Vue组件间通信1、props 和 $emitprops 常用于 父给子 传递数据this.$emit 常用于 子给父 传递数据event.$emit 常用于 兄弟组件间 传递数据示例：两个子组件（输入框组件&列表组件）动态添加和删除父组件（index.vue）父组件在子组件标签上绑定 ...
web前端面试高频考点——Vue的基本使用（一文掌握Vue最基础的知识点）
一、vue基本使用1、插值，表达式，指令，动态属性插值、表达式指令、动态属性v-html：会有 xss 风险，会覆盖子组件<template> <div> <p>文本插值 {{message}}</p> <p>JS 表达式 {{flag ?...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
产品推荐
社区圈子
最佳实践
