目录1 .prevent阻止默认事件2 .stop阻止事件冒泡3 .once事件只触发一次4 .capture使用事件捕获模式5 .self当e.target是当前操作的元素才触发事件6 .passive事件的默认行为立即执行7 .键盘事件1 .prevent阻止默认事件.prevent可以阻止默认事件的发生。例如，阻止a标签的跳转<div id="a
......
270
0
0
2023-06-03
目录computed 用法computed 实现computed 初始化computed 获取值的实现值的展示缓存功能computed 设置值实现computed 用法本文给大家带来的是vue3 中 computed API的实现。大家看过vue3的官网，应该都知道，在vue3 的组合式API中，computed这个功能与以往的有所不同了。以往vue2 的
......
444
0
0
2023-06-03
目录Vue3全局方法和静态配置文件的最佳实践Vue3全局方法最佳方案1.添加一个工具类,例如utils.ts2.这么用Vue3引入静态配置文件最佳方案Vue3全局方法方案二1.先吧全局方法写到tools.js文件中2.在Index.html中引入3.在ts,js代码中直接使用Vue2中打印日志的最佳实践Vue3全局方法和静态配置文件的最佳实践Vue3中打印错
......
268
0
0
2023-06-02
目录1. 准备工作2. 动态树2.1 在配置请求路径2.2 使用动态数据构建导航菜单2.2.1 通过接口获取数据2.2.2 通过后台获取的数据构建菜单导航2.3 点击菜单实现路由跳转2.3.1 创建书本管理组件2.3.2 配置路由2.3.3 修改LeftAside组件2.3.4 修改Main组件3. 系统首页配置4. 表格数据显示4.1 页面布局4.2 查询
......
264
0
0
2023-06-02
目录1. 准备工作2. 弹出窗口3. 新增更新功能4. 删除功能5. 表单验证6. 接口文档1. 准备工作后台服务接口，对书本的增删改查操作2. 弹出窗口进入ElementUi官网， 找到Dialog对话框，可以参考“嵌套表单的dialog”实现。该步骤先实现弹出窗口的前端逻辑，并不会调用后台接口服务进行实际的业务操作。BookList.vue<!--
......
281
0
0
2023-06-02
目录前言继承原有组件接口v-model插槽组件更抽象总结前言在我们的业务里，我们通常会二次封装一些高频业务组件，比如弹框，抽屉，表单等这些业务组件，为什么要二次封装？我们所有人心里的答案肯定是，同样类似的代码太多了，我想复用组件，或者原有组件可能达不到我想要的效果，我想基于原有组件自定义一些自己的接口，那么此时就需要二次封装了。二次封装虽好，但同时也会带来一
......
287
0
0
2023-05-31
目录为什么会用多页面如何在vue.config.js配置多页面信息目录（四个页面）配置打包相关配置多页面相关总结为什么会用多页面在开发时，对于同一类型的多网站，多页面大大节省开发时间，只需要配置一次就可以实现多次开发变成单次开发，同时一个包就可以展示一整个网站如何在vue.config.js配置多页面信息多页面打包会打包多个.html文件，根据.html配置
......
281
0
0
2023-05-31
目录vue select下拉框的默认选中项的三种情况第一种是option的值写在HTML中第二种是option 选项内容写在JS中的第三种是option 选项内容vue中select默认选中下拉选项第一条（举例iview AutoComplete组件）html中vue中总结vue select下拉框的默认选中项的三种情况在Vue中 使用select下拉框 主
......
313
0
0
2023-05-26
目录一、自定义指令v-mycolor二、使用钩子函数的自定义指令三、Vue实现简单的学生信息管理系统除了核心功能默认内置的指令，Vue.js允许注册自定义指令。添加一个自定义指令，有两种方式：（1）通过Vue.directive()函数注册一个全局的指令（2）通过组件directives属性，对该组件添加一个局部的指令一、自定义指令v-mycolor示例：
......
260
0
0
2023-05-26
目录监听器订阅器双向绑定构造函数编译器（1）Compile类（2）node2Fragment函数（3）compile函数总结效果完整代码代码缺陷监听器vue实现双向绑定时，首先要实现目标data的监听（通过 Object.defineProperty 来实现）（1）遍历整个data，对data下面所有的key进行Object.defineProperty来监
......
279
0
0
2023-05-22
目录1.1 核心概念官方介绍使用与阅读源码的必要性1.2 基本使用路由配置与项目引入路由组件使用跳转 api 调用2.1 createRouter 初始化入口分析大致流程Router 对象的定义：创建路由流程概括2.2 创建页面路由匹配器2.3 创建初始化导航守卫useCallbacks 实现订阅发布中心创建相关的导航守卫2.4 定义挂载相关 Router
......
279
0
0
2023-05-22
目录1. 安装所需依赖2. 组件设计实现3. 组件使用示例在前端开发中，拖拽排序是一种提升用户体验非常好的方式，常见的场景有单列表拖拽排序，多列表拖拽交换排序，比如以下这种效果： 下面将以这种效果为例，设计一个组件。1. 安装所需依赖npm install vuedraggable --save
本例中目前所用的版本为：2.20.02. 组件设计
......
336
0
0
2023-05-21
目录什么是组合式函数鼠标跟踪器示例异步状态示例约定和最佳实践 命名输入参数返回值副作用使用限制通过抽取组合式函数改善代码结构选项式API中使用组合式函数与其他模式的比较和Mixin的对比和无渲染组件的对比和React Hooks的对比什么是组合式函数在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 V
......
294
0
0
2023-05-21
目录需求：实现步骤：第一步：下载引入必要包下载依赖下载model将项目中的model放入VUE中的public文件加下第二步：先把HTML写上去 第三步 可以开始代码了首先引入下载好的face-api.js包 以下是需要用到的属性属性准备好之后就可以开始初始化了调用摄像头识别视频中的人像拍照上传 需要用到的图片格式转换
......
288
0
0
2023-05-20
目录什么是DSLvue中的DSL实现思路源码下载什么是DSLDSL是领域特定语言的缩写，与JavaScript这种通用语言编译器相对，它只针对某一个特殊应用场景工作类似中英翻译，它将源代码翻译为目标代码，其转换的标准流程过程包括：词法分析、语法分析、语义分析、中间代码生成、优化、目标代码生成等，此外，前述流程并非是严格必须的vue中的DSL词法+语法+语义分
......
363
0
0
2023-05-20