![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
冒泡的大鱼
这个作者很懒,什么都没留下…
展开
-
Vue Diff原理
概念: 概念:Diff算法是一种同层的树节点进行比较的高效算法,避免对树的逐层遍历,减少时间复杂度。如Vue虚拟DOM渲染生成真实DOM的新旧VNode比较更新。 Diff算法的两个特点: 只会同级比较,不跨层级 Diff比较循环两边往中间收拢Vue DIff算法核心: Vue的虚拟DOM核心在于patch过程: * 首先将新旧VNode进行开始位置和结束位置的标记 * 标记好节点的位置,进行循环处理节点 * 递归处理 新旧开始指针比较 新旧结束指针比较.原创 2020-11-24 22:18:10 · 903 阅读 · 0 评论 -
Vue-Router的原理
原理: vue-router的原理就是更新视图而不重新请求页面。Hash模式: 默认是hash模式,基于浏览器history api,使用window.addEventListener('hashchange',callback,false)对浏览器进行监听,当调用push时,把新路由添加到浏览器访问历史的栈顶。使用replace时,把浏览器访问历史的栈顶路由替换成新路由。 hash值等于url#及其以后的内容。浏览器时根据hash值得变化,将页面加载到相应得DOM位置。锚点得变化.原创 2020-11-24 22:14:57 · 355 阅读 · 0 评论 -
Vue双向绑定的详解
简要概括: View的变化能实时的让Model变化,而Model得变化也能实时得更新到View详解: Vue采用数据劫持&发布-订阅模式得方法,通过ES5提供得Object.defineProperty()方法来劫持(监控)各属性得getter,setter,并在数据(对象)发生变化得时候通知订阅者,触发相应得回调。并且,由于是在不同的数据上触发同步,可以精确的将变更发送给绑定的视图,而不是对所有的数据都执行一次检测。要实现Vue中的双向数据绑定,大致可以分为三个模块:Ob.原创 2020-11-24 22:11:21 · 154 阅读 · 0 评论 -
Vue实现简单学生管理的功能
说明,页面上的html与css可以直接复制粘贴使用css样式1:#home1{ width: 1000px; height: 100%; margin: 50px auto; /* background-color: #ccc; */}.home_h1,.home1_h2{ /* margin: auto; */ text-align: center; background-color: #333; color: #fff; .原创 2020-09-01 22:25:12 · 2879 阅读 · 1 评论 -
Vue数组遍历时出现:Duplicate keys detected: ‘0‘的解决方案
数组遍历的问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href=原创 2020-08-31 22:05:27 · 1527 阅读 · 0 评论