vue
文章平均质量分 54
北巷`
前端之路漫漫兮,吾将上下而求索
展开
-
vue2升vue3差异点学习指南
vue3的学习成本如何?习惯使用vue2的开发如何平滑转vue3?原创 2023-08-07 17:47:47 · 329 阅读 · 0 评论 -
antv G6在vue项目中的实践总结
antvG6树图 自定义节点、边;数据更新后重新渲染以及tooltip的使用原创 2022-09-08 19:53:01 · 6527 阅读 · 1 评论 -
el-select、el-option添加图标,搜索选项高亮
el-select、el-option添加图标,搜索选项高亮。原创 2022-08-25 18:31:33 · 3358 阅读 · 0 评论 -
el-form的resetFields()坑点
el-form的resetFields()坑点之未清空数组原创 2022-08-18 18:33:02 · 427 阅读 · 0 评论 -
vue中key 值的作用
官方文档解释:key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。如果不使用key,Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时,它会基于 key的变化重新排列元素顺序,并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。v-if 中使用 key由于 Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是原创 2022-02-21 11:32:09 · 1465 阅读 · 0 评论 -
vue响应式,数据劫持&发布订阅实现
vue数据双向绑定原理:数据劫持: vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。observer:每个对象的属性,添加到订阅者容器Dependency(Dep)中,当数据发生变化的时候发出notice通知。Watcher:某个属性数据的监听者/订阅者,一旦数据有变化,它会通知指令(directive)重新编译模板并渲染UIDep对象: 订阅原创 2022-02-07 20:52:36 · 535 阅读 · 0 评论 -
element-ui popconfirm的回调函数使用
popconfirm的回调函数使用elementui: popconfirm <el-popconfirm confirm-button-text="好的" cancel-button-text="不用了" icon="el-icon-info" icon-color="red" title="这是一段内容确定删除吗?" @confirm="handlec原创 2022-01-27 14:31:44 · 1936 阅读 · 0 评论 -
Export2Excel插件导出表格内容转为excel文件
我们需要引入XLSX、file-saver两个插件再定义一个文件路径:vendor/并把Export2Excel.js文件放在此目录下 代码如下/* eslint-disable */import { saveAs } from 'file-saver'import XLSX from 'xlsx'function generateArray(table) { var out = []; var rows = table.querySelectorAll('tr'); var ra原创 2022-01-25 11:23:14 · 508 阅读 · 0 评论 -
vuex-module-decorators食用方法
vuex-module-decorators原创 2022-01-20 16:01:47 · 524 阅读 · 0 评论 -
vue虚拟dom树的diff算法
diff算法过程在数据更新的时候发生diff,因为数据更新会运行render函数得到虚拟dom树,最后页面重新渲染。当组件创建的时候,组件所依赖的属性或者数据变化时,会运行一个函数进行以下操作:运行render生成一颗新的虚拟dom树运行updata,传入render生成的虚拟dom树的根节点,对新旧两棵树进行对比,最终完成对真实dom的更新过程描述当组件创建和更新时,vue会执行内部的update函数,该函数使用render函数生成的虚拟dom树,将新旧两树进行对比,找到差异点,最终更新到真实d原创 2021-07-31 14:03:18 · 407 阅读 · 0 评论 -
vue中v-if和v-show的区别
v-if的使用:通过判断条件进行显示v-show:控制元素显示或隐藏区别:v-if 是通过操作DOM树进行元素的显示或隐藏,他会直接从DOM树中移除或添加一个元素。切换过程中会销毁监听事件或子组件。适合不频繁的改变元素,且通过后端接口调用的数据进行控制时,操作DOM切换消耗较大。v-show:通过控制元素的display属性为none进行隐藏、block显示。改变的仅仅是css属性。适合频繁改变元素状态,他带来的消耗是重绘,渲染消耗。例子:可以在控制台观察DOM结构<div id="ap原创 2021-04-17 13:25:50 · 138 阅读 · 0 评论