目录1.什么是静态资源2. 为什么动态添加的src会被当做的静态的资源？3. 没有进行编译，是指的是什么没有被编译？4. 加上require为什么能正确的引入资源，是因为加上require就能编译了？4.1 require是什么: 是一个node方法，用于引入模块，JSON或本地文件4.2 调用require方法引入一张图片之后发生了什么：5. 问题3中，静
......
406
0
0
2023-06-08
目录实现方案：stringifyQuery 和 parseQuery更进一步：相关实现原理实现方案：stringifyQuery 和 parseQuery近期因为公司内部的安全检查，说我们现在的系统中参数是明文的，包括给后端请求的参数和前端页面跳转携带的参数，因为是公司内部使用的系统，在安全性方面的设计考虑确实不够充分对于参数的加密和解密很好实现，直接采用常
......
545
0
0
2023-06-07
目录一、为什么要封装axios二、怎么封装axios三、具体步骤vue项目的前期配置配置config文件中的代理地址封装axios实例-request.js四、封装请求-http.js五、正式封装API用于发送请求-api.js六、如何在vue文件中调用一、为什么要封装axiosapi统一管理，不管接口有多少，所有的接口都可以非常清晰，容易维护。通常我们的项
......
453
0
0
2023-06-07
目录引言一、ReactiveEffect1. 相关的全局变量2. class 声明3. cleanupEffect二、effect 函数1. 相关ts类型2. 函数声明3. stop函数三、track 依赖收集1. track2. createDep3. trackEffects4. 小结四、trigger1. triggerEffect2. trigger
......
384
0
0
2023-06-07
目录一、安装vue二、Vue模板案例步骤三、基础模板（记住）四、vue的指令和插值1、{{}}：插值表达式的语法2、v-text：填充纯文本内容（data中的值）3、v-html：填充html（data中的值）4、v-pre：填充原始数据5、v-bind：属性绑定6、v-on：事件绑定7、v-show：控制元素显示和隐藏的指令8、v-model：数据的双向绑
......
309
0
0
2023-06-04
目录vue遍历存在el-form之踩坑初版完善版抽组件版vue中el-form循环绑定vue遍历存在el-form之踩坑初版<template>
<div class="message-templete-style">
<div class="title">短信通知模板
<el-tool
......
285
0
0
2023-06-04
目录1. 常规风格的示例工程开发2. 使用组合式API重构用户列表页面3. 优化用户列表页面1. 常规风格的示例工程开发首先新建一个名为 normal.html 的测试文件，在HTML文件的head标签中引入Vue框架并设置常规的模板字段如下：<!DOCTYPE html>
<html lang="en">
<head>
......
442
0
0
2023-06-04
目录element自定义指令实现表格横向拖拽自定义指令设置及常用自定义指令指令定义函数提供了几个钩子函数（可选）下面分享几个实用的 Vue 自定义指令element自定义指令实现表格横向拖拽有时候表格内容会很多，需要横向滚动查看右边的内容，又不想到底部拖动滚动条，如果能直接在内容中拖动就好了，这个时候就可以用 Vue 的自定义指令来实现了。为了以后扩展指令方
......
447
0
0
2023-06-04
目录引言一、reactive 和 readonly1. reactive相关类型2. 相关全局变量与方法3. reactive函数4. 造物主createReactiveObject5. shallowReactive、readonly和shallowReadonly二、对应的 Handlers1. baseHandlers1.1 reactive1.2 r
......
331
0
0
2023-06-04
目录Echarts使用动态数据的两种方式1.通过computed2.在data中定义optionvue Echarts几种常用图表动态数据切换1.柱状图 2.平滑折线面积图3.折线图堆叠4.饼状图Echarts使用动态数据的两种方式在使用Echarts时我们数据一般不是静态写死的，而是通过后端接口动态获取的，在此总结两种在vue框架下Echarts
......
421
0
0
2023-06-04
目录前置内容解析模板总结前面我们分析了v-model的原理，接下来我们看看v-bind的实现又是怎样的呢？前置内容<template>
<div>
<test :propTest="a"></test>
<div @click="changeA">点我</div>
......
322
0
0
2023-06-04
目录引言一、watch参数类型1. 选项options2. 回调cb3. 数据源source二、watch函数三、watch的核心：doWatch 函数引言想起上次面试，问了个古老的问题：watch和computed的区别。多少有点感慨，现在已经很少见这种耳熟能详的问题了，网络上八股文不少。今天，我更想分享一下从源码的层面来区别这八竿子打不着的两者。本篇针对
......
378
0
0
2023-06-04
目录前情提要初始化组件(1).setupComponent(2).initProps(3).initSlots额外内容总结前情提要上文我们分析了挂载组件主要调用了三个函数: createComponentInstance(创建组件实例)、setupComponent(初始化组件)、setupRenderEffect(更新副作用)。并且上一节中我们已经详细讲解
......
398
0
0
2023-06-04
目录前情提要1. Mount函数2. 创建虚拟节点的几个方法(1) createVNode:用于创建组件的虚拟节点(2) createElementVNode:用于创建普通tag的虚拟节点如<div></div>(3) createCommentVNode:用于创建注释的虚拟节点(4) createTextVNode:用于创建文本的虚
......
389
0
0
2023-06-04
目录定义依赖收集依赖触发依赖总结定义依赖定义依赖是什么时候开始的呢？通过源码可以发现在执行_init函数的时候会执行initState(vm)方法：function initState(vm) {
...
if (opts.data) {
initData(vm);
}
else
......
329
0
0
2023-06-04