本质是一个普通的js对象,用于描述视图界面结构的, 在mouted的回调中,可以输出_vnode, 通过图可以知道,_vnode中有以下几个主要的属性: tag:组件的标签名, data: 组件的属性, children: 组件的子标签 parent: 父级元素 render函数: 作用:创建虚拟d ...
分类:
其他好文 时间:
2021-06-19 19:25:35
阅读次数:
0
<div v-mydirect:fn="item"></div> Vue.directive('mydirect', { bind (el, binding,vnode) { let that = vnode.context that[binding.arg](binding.value) } }) ...
分类:
其他好文 时间:
2021-06-10 17:34:26
阅读次数:
0
import Vue from "vue"; // vue自定义指令防抖 Vue.directive("antiShake", { bind: function(el, binding, vnode) { let { delay, fn } = binding.value; //参数:时间,执行函数 ...
分类:
其他好文 时间:
2021-04-26 13:57:03
阅读次数:
0
import Vue from "vue"; // vue自定义指令节流 Vue.directive("throttle", { bind: function(el, binding, vnode) { let { delay, fn } = binding.value; //参数:时间,执行函数 ...
分类:
其他好文 时间:
2021-04-26 13:55:45
阅读次数:
0
vue v-for循环中为什么要用key?为什么index不能作为key? key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。如果不使用 key,Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的 ...
分类:
其他好文 时间:
2021-04-07 11:14:51
阅读次数:
0
1)全局注册 1.在main.js中通过Vue.directive全局注册一个指令 Vue.directive('demo', { bind: function (el, binding, vnode) { var s = JSON.stringify el.innerHTML = 'name: ' ...
分类:
其他好文 时间:
2021-01-08 10:52:25
阅读次数:
0
Vue2.6发布:新语法、性能改进、向3.0看齐图片作者|尤雨溪译者|薛命灯近日,尤雨溪在medium上宣布推出Vue2.6——代号“Macross”。尤雨溪表示,在过去的一年中,他们在开发新CLI和3.0原型设计上花了很多时间。因此,Vuecore2.x在很长一段时间内都没有推出重大更新。现在是时候了,2.6版本带来了一些实质性的改进、内部变更和新功能,本文将会重点介绍。如果需要了解完整的详细信
分类:
其他好文 时间:
2020-12-24 12:35:19
阅读次数:
0
1. 渲染项目列表时,“key” 属性的作用和重要性是什么? 渲染项目列表时,key 属性允许 vue 跟踪每个 Vnode。key 值必须是唯一的。 如果没有使用 key 属性,并且列表的内容发生了改变(例如对列表进行排序),则虚拟 DOM 宁愿使用更新的数据来修补节点,来反映更改,而不是上下移动 ...
分类:
Web程序 时间:
2020-10-18 09:49:02
阅读次数:
28
本文旨在理一下vue中diff算法的主要逻辑和关键细节。 从一个简单的demo切入: p标签渲染一个items数组 {{ item }} 复制代码 先把实际顺序说明: items数据发生变化 Dep.notify patch(oldVNode, vnode, ...) patchVnode(oldV ...
分类:
编程语言 时间:
2020-10-08 18:57:45
阅读次数:
23
邻接表储存结构 /*邻接表的边*/ typedef struct ArcNode { int adjvex; struct ArcNode *next; }ArcNode; /*邻接表的结点*/ typedef struct VNode { char date; ArcNode *firstarc; ...
分类:
编程语言 时间:
2020-07-28 17:32:12
阅读次数:
91