vue3

一、前言 1、nextTick()是什么？ nextTick()，延迟代码执行，是将回调函数的逻辑延迟在下一次dom更新后调用，简单的理解是：当数据更新时，在dom渲染后，自动执行该函数。 2、为什么

一、问题描述 vue项目执行npm install下载依赖的时候报如下错误 二、解决方法 下载命令--legacy-peer-deps即可正常

一、前言 Ant-Design-Vue 组件库某些组件默认是英文显示的，如时间选择、分页、弹出框等组件。这些组件的显示需要用户手动去进行汉化。官方文档对此也给出了说明及示例，但示例与实际项目配置存在小

--- theme: smartblue highlight: a11y-dark --- # 一、 前言 这里要讲vue-router的路由模式，首先要了解的一点就是`路由是由多个URL组成的，使用

一、前言 template标签的作用是模板占位符，可帮助我们包裹元素，但在渲染过程当中，template不会被渲染到页面上 html中的template标签中的内容在页面中不会显示。但是在后台查看页面

一、动态类名 通过定义和更改动态变量，控制类名变动； 类名较时可以为一个对象，分别通过不同条件控制当前类名是否生效； 类名较时可以为一个数组，分别通过不同条件控制当前类名是否生效； 单个条件可控制多个

一、代码注释详解 柱状占比图通过style占比实现，标识线及标识数字通过循环加style动态定位实现 动态饼状图通过canvas画圆中的起点、终点、顺逆时针等实现，文字位置通过数据占比的多元表达式实现

一、路由守卫有哪几种？ 路由守卫(导航守卫)分为三种：全局守卫（3个）、路由独享守卫（1个）、组件的守卫（3个） 全局路由守卫有三个：全局前置守卫beforeEach，全局后置守卫afterEach,

一、路由跳转 分为声明式和编程式两种方式： 声明式：该方式是通过router-link组件的to属性实现。 编程式：定义事件，通过router.push()方法跳转。 1.利用router-link标

一、前言 Vuex是做什么的？ Vue官方：状态管理工具 状态管理是什么? 需要在多个组件中共享的状态、且是响应式的、一个变，全都改变。 例如一些全局要用的的状态信息：用户登录状态、用户名称、地理位置

一、动态组件 动态组件可通过v-if或v-show控制显示隐藏，在此不做演示； 动态组件可通过component标签中的is属性控制； 具体写法：<component :is="组件名"></comp

一、setup函数版本 父传子 1、 父组件传递 引入组件 —— 注册组件 —— 使用组件 —— 传递数据 通过 :自定义属性名="属性值" 的形式传递数据 2、 子组件接收 props接受父传递的数

一、计算属性 计算属性可以帮我们将数据转换成需要展示的数据格式，不必在模板中编写大量的表达式进行处理。 computed（）方法可以传一个函数将结果return出去 setup函数版本 setup语法

一、前言 虽然在 Vue 中不提倡我们直接操作 DOM，毕竟Vue的理念是以数据驱动视图。但是在实际情况中，我们有很多需求都是需要直接操作 DOM 节点的，这个时候Vue提供了一种方式让我们可以获取D

一、什么是指令？ 在vue中提供了一些对于页面 + 数据的更为方便的输出,这些操作就叫做指令, 以v-xxx表示 类似于html页面中的属性 <div v-xxx ></div> 二、指令的作用 指令

一、原型挂载 在vue3中没有 this 不再是实例化查出来的vue对象，那怎么往原型挂在公用的方法呢？ 二、使用方式 通过getCurrentInstance（）获取当前组件实例，从而调用全局方法

一、前言 插槽就像放在组件中的占位标签，使用组件时我们将要放到占位标签处的DOM结构写入组件标签体中即可。 通俗点来讲，插槽就是在自定义组件中预留一个位置，这个位置的内容可以由使用组件的人来定义，可以

提示： vue3.2 版本开始才能使用语法糖！ 一、如何使用setup语法糖 只需在 script 标签上写上 setup 代码如下（示例）： 二、data数据的使用 由于 setup 不需写 ret

一、安装命令 下载 引入 二、代码详情 三、API解析 group: “name”, // or { name: “…”, pull: [true, false, clone], put: [true

一、前言 懒加载（LazyLoad）一直是前端的优化方案之一。简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 它的核心思想是：当用户想看页面某个区域时，再加载该区域的数据。这在一定程度