上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 23 下一页
摘要: 用过pinia吗?有什么优点? 1. pinia是什么? 在Vue3中,可以使用传统的Vuex来实现状态管理,也可以使用最新的pinia来实现状态管理,我们来看看官网如何解释pinia的:Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。 实际上,pinia就是Vuex的升级版,官网也 阅读全文
posted @ 2022-12-07 09:53 bb_xiaxia1998 阅读(215) 评论(0) 推荐(0)
摘要: 前言 在之前面试的时候我自己也经常会遇到一些vue原理的问题, 我也总结了下自己的经常的用到的,方便自己学习,今天也给大家分享出来, 欢迎大家一起学习交流, 有更好的方法欢迎评论区指出, 后序我也将持续整理总结~ 描述 Vue 与 React 区别 说明概念: vue:是一套用于构建用户界面的渐进式 阅读全文
posted @ 2022-12-07 09:52 bb_xiaxia1998 阅读(29) 评论(0) 推荐(0)
摘要: vuex是什么?怎么使用?哪种功能场景使用它? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。vuex 就是一个仓库,仓库里放了很多对象。其中 state 就是数据源存放地,对应于一般 vue 对象里面的 data 里面存放的数据是响应式的,vue 组件从 store 读取数据,若 阅读全文
posted @ 2022-12-07 09:51 bb_xiaxia1998 阅读(31) 评论(0) 推荐(0)
摘要: 本文主要分以下两个部分对 Composition API 的原理进行解读: reactive API 原理 ref API 原理 reactive API 原理 打开源码可以找到reactive的入口,在composition-api/src/reactivity/reactive.ts,我们先从函 阅读全文
posted @ 2022-12-07 09:48 bb_xiaxia1998 阅读(38) 评论(0) 推荐(0)
摘要: Vue 修饰符有哪些 事件修饰符 .stop 阻止事件继续传播 .prevent 阻止标签默认行为 .capture 使用事件捕获模式,即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理 .self 只当在 event.target 是当前元素自身时触发处理函数 .once 事件将只会触发 阅读全文
posted @ 2022-11-18 09:38 bb_xiaxia1998 阅读(29) 评论(0) 推荐(0)
摘要: 前言 有时候有些面试中经常会问到v-for与v-if谁的优先级高,这里就通过分析源码去解答一下这个问题。 下面的内容是在 当我们谈及v-model,我们在讨论什么?的基础上分析的,所以阅读下面内容之前可先看这篇文章。 继续从编译出发 以下面的例子出发分析: new Vue({ el:'#app', 阅读全文
posted @ 2022-11-18 09:36 bb_xiaxia1998 阅读(51) 评论(0) 推荐(0)
摘要: Vue2.x 响应式数据原理 整体思路是数据劫持+观察者模式 对象内部通过 defineReactive 方法,使用 Object.defineProperty 来劫持各个属性的 setter、getter(只会劫持已经存在的属性),数组则是通过重写数组7个方法来实现。当页面使用对应属性时,每个属性 阅读全文
posted @ 2022-11-18 09:35 bb_xiaxia1998 阅读(59) 评论(0) 推荐(0)
摘要: 前言 在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的 Vuex 状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用 Vuex 往往会比较重,本文将系统的罗列出几种不使用 Vuex,比较实用的组件间的通信方式,供大家参考。 组件之间通信的场景 在进入 阅读全文
posted @ 2022-11-18 09:33 bb_xiaxia1998 阅读(48) 评论(0) 推荐(0)
摘要: Vue-router 路由模式有几种 vue-router 有 3 种路由模式:hash、history、abstract,对应的源码如下所示 switch (mode) { case 'history': this.history = new HTML5History(this, options. 阅读全文
posted @ 2022-11-16 08:31 bb_xiaxia1998 阅读(28) 评论(0) 推荐(0)
摘要: 一、computed介绍 computed 用来监控自己定义的变量,该变量在 data 内没有声明,直接在 computed 里面定义,页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> //计算属性 computed:{ msg:function() 阅读全文
posted @ 2022-11-16 08:30 bb_xiaxia1998 阅读(28) 评论(0) 推荐(0)
上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 23 下一页