目录使用正则校验文本框为正整数校验数字的正则表达式校验字符的正则表达式特殊需求正则表达vue正整数校验规则及说明使用正则校验文本框为正整数封装一个指令，简单粗暴，不需要在input上加上一大堆的方法或正则那么麻烦。1.创建一个js文件，用来注入Vue全局指令// 移入Vue
import Vue from 'vue';
// 通过Vue的指令方法，定义指
......
362
0
0
2023-06-04
目录前情提要mountComponent创建组件实例总结前情提要上文我们讲解了执行createApp(App).mount('#root')中的mount函数，我们分析了创建虚拟节点的几个方法，以及setRef的执行机制、本文我们继续讲解mountComponent，挂载组件的流程。本文主要内容createComponentInstance发生了什么？如何标
......
398
0
0
2023-06-04
首先会通过module.hot.accept监听文件变化，并传入该文件的渲染函数：module.hot.accept(/*! ./App.vue?vue&type=template&id=472cff63&scoped=true& */ "./App.vue?vue&type=template&id=472cf
......
305
0
0
2023-06-04
目录项目环境搭建插件开发点击事件上报vue自定义指令手动上报方法页面访问次数上报（pv，uv）页面停留时间（TP）获取公共参数引入axios打包发布使用说明OptionOptions 示例点击指令上报手动上报写在最后前端埋点对于那些营销活动的项目是必须的,它可以反应出用户的喜好与习惯,从而让项目的运营者们能够调整策略优化流程提高用户体验从而获取更多的$。这篇
......
482
0
0
2023-06-03
目录1 .prevent阻止默认事件2 .stop阻止事件冒泡3 .once事件只触发一次4 .capture使用事件捕获模式5 .self当e.target是当前操作的元素才触发事件6 .passive事件的默认行为立即执行7 .键盘事件1 .prevent阻止默认事件.prevent可以阻止默认事件的发生。例如，阻止a标签的跳转<div id="a
......
308
0
0
2023-06-03
目录computed 用法computed 实现computed 初始化computed 获取值的实现值的展示缓存功能computed 设置值实现computed 用法本文给大家带来的是vue3 中 computed API的实现。大家看过vue3的官网，应该都知道，在vue3 的组合式API中，computed这个功能与以往的有所不同了。以往vue2 的
......
543
0
0
2023-06-03
目录Vue3全局方法和静态配置文件的最佳实践Vue3全局方法最佳方案1.添加一个工具类,例如utils.ts2.这么用Vue3引入静态配置文件最佳方案Vue3全局方法方案二1.先吧全局方法写到tools.js文件中2.在Index.html中引入3.在ts,js代码中直接使用Vue2中打印日志的最佳实践Vue3全局方法和静态配置文件的最佳实践Vue3中打印错
......
318
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 查询
......
292
0
0
2023-06-02
目录1. 准备工作2. 弹出窗口3. 新增更新功能4. 删除功能5. 表单验证6. 接口文档1. 准备工作后台服务接口，对书本的增删改查操作2. 弹出窗口进入ElementUi官网， 找到Dialog对话框，可以参考“嵌套表单的dialog”实现。该步骤先实现弹出窗口的前端逻辑，并不会调用后台接口服务进行实际的业务操作。BookList.vue<!--
......
321
0
0
2023-06-02
目录前言继承原有组件接口v-model插槽组件更抽象总结前言在我们的业务里，我们通常会二次封装一些高频业务组件，比如弹框，抽屉，表单等这些业务组件，为什么要二次封装？我们所有人心里的答案肯定是，同样类似的代码太多了，我想复用组件，或者原有组件可能达不到我想要的效果，我想基于原有组件自定义一些自己的接口，那么此时就需要二次封装了。二次封装虽好，但同时也会带来一
......
386
0
0
2023-05-31
目录为什么会用多页面如何在vue.config.js配置多页面信息目录（四个页面）配置打包相关配置多页面相关总结为什么会用多页面在开发时，对于同一类型的多网站，多页面大大节省开发时间，只需要配置一次就可以实现多次开发变成单次开发，同时一个包就可以展示一整个网站如何在vue.config.js配置多页面信息多页面打包会打包多个.html文件，根据.html配置
......
328
0
0
2023-05-31
目录vue select下拉框的默认选中项的三种情况第一种是option的值写在HTML中第二种是option 选项内容写在JS中的第三种是option 选项内容vue中select默认选中下拉选项第一条（举例iview AutoComplete组件）html中vue中总结vue select下拉框的默认选中项的三种情况在Vue中 使用select下拉框 主
......
363
0
0
2023-05-26
目录一、自定义指令v-mycolor二、使用钩子函数的自定义指令三、Vue实现简单的学生信息管理系统除了核心功能默认内置的指令，Vue.js允许注册自定义指令。添加一个自定义指令，有两种方式：（1）通过Vue.directive()函数注册一个全局的指令（2）通过组件directives属性，对该组件添加一个局部的指令一、自定义指令v-mycolor示例：
......
322
0
0
2023-05-26
目录监听器订阅器双向绑定构造函数编译器（1）Compile类（2）node2Fragment函数（3）compile函数总结效果完整代码代码缺陷监听器vue实现双向绑定时，首先要实现目标data的监听（通过 Object.defineProperty 来实现）（1）遍历整个data，对data下面所有的key进行Object.defineProperty来监
......
317
0
0
2023-05-22
目录1.1 核心概念官方介绍使用与阅读源码的必要性1.2 基本使用路由配置与项目引入路由组件使用跳转 api 调用2.1 createRouter 初始化入口分析大致流程Router 对象的定义：创建路由流程概括2.2 创建页面路由匹配器2.3 创建初始化导航守卫useCallbacks 实现订阅发布中心创建相关的导航守卫2.4 定义挂载相关 Router
......
308
0
0
2023-05-22