Handsontable 是一个类似 Excel 表格编辑器，支持丰富的展现和交互，以及多样的单元格展现和配置customBorders:[{range:{from:{row:行数,col:列数},to:{row:行数,col:列数},上下左右设置}]也可以声明customBorder:true，表示允许自定义单元格边框。

vite 官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上 hash值，但是直接通过 :src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题。实际上我们不希望资源文件被wbpack编译可以把图片放到public 目录会更省事，不管是开发环境还是生产环境，可以始终以根目录保持图片路径的一致，这点跟webpack是一致的。我们的目

一、引入方式import React, { Component, Children } from 'react'二、APImapChildren.map 第一个参数为this.props.childrenChildren.map 第二个参数为callbackcount–用来统计当前组件子元素数量only–用来验证当中子元素是否是唯一toArray–用来把当前children给转换为数组三、使用场景

Hooks 是 React v16.8 的新特性，可以在不使用类组件的情况下，使用 state 以及其他的 React 特性；Hooks 是完全可选的，无需重写任何已有代码就可以在一些组件中尝试 Hook于React v16.8发布，100%向后兼容，Hooks 不包含任何破坏性改动.React 也没有计划移除 class 类组件，而且 Hooks 不会影响对 React 的理解，它为已知的 Re

在项目开发中每一次路由的切换或者页面的刷新都需要判断用户是否已经登录，前端可以判断，后端也会进行判断的，我们前端最好也进行判断。vue-router 提供了导航钩子:全局前置导航钩子 beforeEach 和全局后置导航钩子 afterEach，他们会在路由即将改变前和改变后进行触发。所以判断用户是否登录需要在 beforeEach 导航钩子中进行判断。导航钩子有3个参数：1、to:即将要进入的目

动态路由设置一般有两种：简单的角色路由设置：比如只涉及到管理员和普通用户的权限。通常直接在前端进行简单的角色权限设置复杂的路由权限设置：比如OA系统、多种角色的权限配置。通常需要后端返回路由列表，前端渲染使用1、简单的角色路由设置（1）配置项目路由权限// router.jsimport Vue from 'vue'import Router from 'vue-router'import Lay

html部分：<a-table:columns="columns":data-source="showList":row-selection="rowSelection":rowKey="record=>record.id"/>功能部分：computed: {rowSelection () {return {selectedRowKeys: this.da

什么是scoped在vue文件中的 style 标签上，有一个特殊的属性：scoped。当一个 style 标签拥有 scoped 属性时，它的 CSS 样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有 style 标签全部加上了scoped，相当于实现了样式的模块化。scoped实现原理转译前：<styl

文章目录Redux1、什么是Redux2、配置Redux3、TodoList案例4、Redux-thunk中间件5、Redux中间件执行原理6、react-redux7、数据持久化7.1、基本用法7.2、整合react-reduxRedux1、什么是ReduxRedux 是React生态中重要的组成部分。很多人都说，简单的应用可以不用此工具。但是我个人认为，中小型应用使用的话，可以使文件结构更加规

vue3中获取ref元素的几种方式