yyds2026

2022年11月15日

摘要：准备：自定义指令介绍除了核心功能默认内置的指令 (v-model 和 v-show等)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。作为使用Vue的开发者，我们对阅读全文

posted @ 2022-11-15 10:30 yyds2026 阅读(86) 评论(0) 推荐(0)

vue实战-深入响应式数据原理

摘要：本文将带大家快速过一遍Vue数据响应式原理，解析源码，学习设计思路，循序渐进。数据初始化 _init 在我们执行new Vue创建实例时，会调用如下构造函数，在该函数内部调用this._init(options)。 import { initMixin } from "./init.js"; // 阅读全文

posted @ 2022-11-15 10:30 yyds2026 阅读(46) 评论(0) 推荐(0)

vue实战中的一些小技巧

摘要：能让你首次加载更快的路由懒加载，怎么能忘？路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个🌰，如果这样写，加载的时候会全部都加载进来。 const router = new VueRouter({ routes:[ { path: '/', name 阅读全文

posted @ 2022-11-15 10:29 yyds2026 阅读(34) 评论(0) 推荐(0)

2022年11月14日

Vue虚拟dom是如何被创建的

摘要：先来看生成虚拟dom的入口文件: ... import { parse } from './parser/index' import { optimize } from './optimizer' import { generate } from './codegen/index' ... cons 阅读全文

posted @ 2022-11-14 12:37 yyds2026 阅读(35) 评论(0) 推荐(0)

vue3实战-完全掌握ref、reactive

摘要：知道大家使用 Vue3 的时候有没有这样的疑惑，“ref、rective 都能创建一个响应式对象，我该如何选择？”，“为什么响应式对象解构之后就失去了响应式？应该如何处理？” 今天咱们就来全面盘点一下 ref、reactive，相信看完你一定会有不一样的收获，一起学起来吧！ reactive() 基阅读全文

posted @ 2022-11-14 12:36 yyds2026 阅读(203) 评论(0) 推荐(0)

vue中的几个高级概念

摘要：混入mixins 官方解释混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。简单的来说就是 Mixins 是我们可以重用的代码块，在实际开发中，如果有些代阅读全文

posted @ 2022-11-14 12:36 yyds2026 阅读(54) 评论(0) 推荐(0)

2022年11月10日

Vue实战必会的几个技巧

摘要：键盘事件在 js 中我们通常通过绑定一个事件，去获取按键的编码，再通过 event 中的 keyCode 属性去获得编码如果我们需要实现固定的键才能触发事件时就需要不断的判断，其实很麻烦 let button = document.querySelector('button') button.o 阅读全文

posted @ 2022-11-10 10:05 yyds2026 阅读(45) 评论(0) 推荐(0)

Vue模板是怎样编译的

摘要：这一章我们开始讲模板解析编译:总结来说就是通过compile函数把tamplate解析成render Function形式的字符串compiler/index.js import { parse } from './parser/index' import { optimize } from './ 阅读全文

posted @ 2022-11-10 10:04 yyds2026 阅读(20) 评论(0) 推荐(0)

Vue组件是怎样挂载的

摘要：我们先来关注一下$mount是实现什么功能的吧：我们打开源码路径core/instance/init.js: export function initMixin (Vue: Class<Component>) { ...... initLifecycle(vm) // 事件监听初始化 initEv 阅读全文

posted @ 2022-11-10 10:03 yyds2026 阅读(101) 评论(0) 推荐(0)

2022年11月8日

Vue中的diff算法深度解析

摘要：模板tamplate经过parse，optimize，generate等一些列操作之后，把AST转为render function code进而生成虚拟VNode,模板编译阶段基本已经完成了，那么这一章，我们来探讨一下Vue中的一个算法策略--dom diff 首先来介绍下什么叫dom diff 什阅读全文

posted @ 2022-11-08 15:45 yyds2026 阅读(90) 评论(0) 推荐(0)

公告