摘要: computed 的实现原理 computed 本质是一个惰性求值的观察者。 computed 内部实现了一个惰性的 watcher,也就是 computed watcher,computed watcher 不会立刻求值,同时持有一个 dep 实例。 其内部通过 this.dirty 属性标记计算 阅读全文
posted @ 2023-03-15 11:34 yyds2026 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 能让你首次加载更快的路由懒加载,怎么能忘? 路由懒加载可以让我们的包不需要一次把所有的页面的加载进来,只加载当前页面的路由组件就行。 举个🌰,如果这样写,加载的时候会全部都加载进来。 const router = new VueRouter({ routes:[ { path: '/', name 阅读全文
posted @ 2023-03-15 11:32 yyds2026 阅读(17) 评论(0) 推荐(0) 编辑
摘要: Vuex有哪几种属性? 有五种,分别是 State、 Getter、Mutation 、Action、 Module state => 基本数据(数据源存放地) getters => 从基本数据派生出来的数据 mutations => 提交更改数据的方法,同步 actions => 像一个装饰器,包 阅读全文
posted @ 2023-03-15 11:31 yyds2026 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 1.动态组件 <component :is='组件名'></component> 结合v-for循环使用 使用环境 如图,这是一个v-for渲染的列表(只是目前这个版块才刚开始做,目前只有一个),圆圈内的就是一个组件,也就是要v-for动态组件 实际使用 一开始就是基本的组件引入了 import C 阅读全文
posted @ 2023-03-15 11:30 yyds2026 阅读(10) 评论(0) 推荐(0) 编辑
摘要: Vue中key的作用 vue 中 key 值的作用可以分为两种情况来考虑: 第一种情况是 v-if 中使用 key。由于 Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。因此当使用 v-if 来实现元素切换的时候,如果切换前后含有相同类型的元素,那么这个元素就会被复用。如果是相 阅读全文
posted @ 2023-03-01 20:45 yyds2026 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 准备:自定义指令介绍 除了核心功能默认内置的指令 (v-model 和 v-show等),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。 作为使用Vue的开发者,我们对 阅读全文
posted @ 2023-03-01 20:43 yyds2026 阅读(70) 评论(0) 推荐(0) 编辑
摘要: Watch中的deep:true是如何实现的 当用户指定了 watch 中的deep属性为 true 时,如果当前监控的值是数组类型。会对对象中的每一项进行求值,此时会将当前 watcher存入到对应属性的依赖中,这样数组中对象发生变化时也会通知数据更新 源码相关 get () { pushTarg 阅读全文
posted @ 2023-03-01 20:43 yyds2026 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 本文将带大家快速过一遍Vue数据响应式原理,解析源码,学习设计思路,循序渐进。 数据初始化 _init 在我们执行new Vue创建实例时,会调用如下构造函数,在该函数内部调用this._init(options)。 import { initMixin } from "./init.js"; // 阅读全文
posted @ 2023-03-01 20:43 yyds2026 阅读(26) 评论(0) 推荐(0) 编辑
摘要: Computed 和 Methods 的区别 可以将同一函数定义为一个 method 或者一个计算属性。对于最终的结果,两种方式是相同的 不同点: computed: 计算属性是基于它们的依赖进行缓存的,只有在它的相关依赖发生改变时才会重新求值; method 调用总会执行该函数。 如何定义动态路由 阅读全文
posted @ 2023-02-28 11:01 yyds2026 阅读(30) 评论(0) 推荐(0) 编辑
摘要: return; 阅读全文
posted @ 2023-02-28 11:00 yyds2026 阅读(13) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示