小狼学习录

HTML部分 <div> <van-cell-group> <!-- 日期显示框 --> <van-field v-model="userListForm" placeho...

toRef 与 toRefs 如上，我们定义了一个响应式对象 obj，并将obj.name给到变量name，在使用时可以直接访问到obj.name，但这样name无法做到响...

1. 利用vite创建vue3项目 npm init vite-app projectName 安装依赖运行项目： 2. Vue3 练习代码 App.vue 组件A 组件B...

接口权限：token axos请求拦截器/// 路由权限：登录后，获取用户的权限信息，然后筛选有权限访问的路由，在全局路由 守卫里进行调用addRoutes添加路由/// ...

原生的文件域，选择图片，点击 打开 的时候触发（当文件域里面的内容有改变的时候触发） <input type="file" name="" id="fileId" onch...

角色列表 <template> <div> <el-tree :data="data" :props="defaultProps" @node-click="handleN...

一、canvas简介 ​ <canvas> 是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者...

vue 中双向数据绑定的原理是什么？ vue 双向数据绑定的原理主要通过数据劫持 Object.defineProperty 和发布订阅模式实现的，通过 Object.de...

异步原因，使用v-if判断接口数据是否获得， Object.keys() 将对象的key合在一起返回一个数组。 <line-chart :reportList="repor...

父组件 获取数据，随后传递给子组件. 一定要加判断，因为xhr获取数据是异步的，不加判断会把初始化的空对象传给组件，所以要加判断，等从接口获取到数据后再展传递数据。 使用O...

npm 安装 ECharts npm install echarts --save 引入 echarts 以柱状图为例，下例为一个简单的柱状图组件：...

Git 常用命令速查 git branch 查看本地所有分支 git status 查看当前状态 git commit 提交 git branch -a 查看所有的分支 g...

*注【 ctrl + c  代表终止命令  复制粘贴建议使用鼠标右击】 查看本地git仓库的配置项： 查看name 和 email有没有创建 如果没有创建，就执行下面命令创...

导航守卫 正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。当一个导航...

表单自定义校验 分页 axios封装data() { var checkEmail = (rule, value, callback) => { if (value.ind...

抽屉组件 表格组件<el-row> <el-button type="primary" round @click="drawer = true">添加用户</el-butt...

一、对于MVVM的理解？ MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 Vi...

【el-form 组件】 :model="ruleForm" ruleForm是data中定义的存储的是用户名和密码值的对象 通过model传给el-form组件   :r...

导入element的布局容器组件 用于布局的容器组件，方便快速搭建页面的基本结构： el-container：外层容器。当子元素中包含 el-header或 el-foot...

环境配置 终端中输入npm i element-ui -S 在main.js中全局引入 【html写法】 <el-form :model="ruleForm" status...