摘要：
一、基本原理 开发大型单页应用时使用 是一个专门为 Vue.js 应用程序开发的状态管理模式 最大的特点是响应式 在 Vuex 中存放一些需要在多个界面中进行共享的信息 Vuex 应用的核心就是 store（仓库），包含着应用中大部分的状态 ( state ) state中全局共享数据，更改stat 阅读全文
posted @ 2023-06-14 14:45
有只小菜猫
阅读(78)
评论(0)
推荐(0)
摘要：
vue-router使用pushStat进行路由更新，不刷新页面，静态跳转； 使用diff算法，按需加载，减少dom操作， 同一个页面跳转或者路由跳转 异步加载this.$nextTick(()=>{获取url}) 使用location.href来跳转，简单方便，但是刷新了页面； 不同页面间跳转 可 阅读全文
posted @ 2023-06-14 10:52
有只小菜猫
阅读(284)
评论(0)
推荐(0)
摘要：
一、分类 （1）全局守卫 router.beforeEach 全局前置守卫 进入路由之前 router.beforeResolve 全局解析守卫(2.5.0+) 在beforeRouteEnter调用之后调用 router.afterEach 全局后置钩子 进入路由之后 （2）路由独享守卫 befo 阅读全文
posted @ 2023-06-14 10:52
有只小菜猫
阅读(122)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2023-06-14 10:44
有只小菜猫
阅读(23)
评论(0)
推荐(0)
摘要：
一、原理 Vue的数据更新是一种延迟异步更新 是一个用于在DOM更新完成后执行回调函数的方法 其能够监听DOM更新完成 当数据更新了，在dom中渲染后，⾃动执⾏该函数 异步更新队列：当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新 二、作用 Vue在 阅读全文
posted @ 2023-06-14 10:41
有只小菜猫
阅读(150)
评论(0)
推荐(0)
摘要：
一、计算属性【computed】 对于任何复杂逻辑，你都应当使用计算属性 是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新 默认使用的是getter属性 当一个数据受多个数据影响时，可以使用computed <!-- 复杂运算 --> <div>{{message.split( 阅读全文
posted @ 2023-06-14 10:30
有只小菜猫
阅读(75)
评论(0)
推荐(0)
摘要：
【key 是为 Vue 中 虚拟节点 的唯一标记，通过这个 key，diff 操作可以更准确、更快速】 （1）第一种情况是 v-if 中使用 key。 由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。 因此当使用 v-if 来实现元素切换的时候，如果切换前后含有相同类型的 阅读全文
posted @ 2023-06-14 10:07
有只小菜猫
阅读(319)
评论(0)
推荐(0)
摘要：
https://www.cnblogs.com/wind-lanyan/p/9061684.html 阅读全文
posted @ 2023-06-14 10:06
有只小菜猫
阅读(30)
评论(0)
推荐(0)
摘要：
一、虚拟DOM 1、概念相关 是一个JavaScript对象，通过对象的方式来表示DOM结构，是对DOM的抽象 以对象的形式来描述真实DOM结构，最终渲染到页面 在每次数据发生变化前，虚拟DOM都会缓存一份，变化之时，现在的虚拟DOM会与缓存的虚拟DOM进 行比较 在vue内部封装了diff算法，通 阅读全文
posted @ 2023-06-14 09:51
有只小菜猫
阅读(516)
评论(0)
推荐(0)
摘要：
一、底层原理 利用 v-bind 用来绑定value的值 用 v-on 去绑定input标准事件 是事件用来监听当输入域内容发生变化的时候来执行一些事情 具体事件： 通过$event这个事件对象获取到最新的输入域的值 把最新的值赋值给旧的值，进行数据更新。 》双向数据绑定 二、如何实现 （1）作用在 阅读全文
posted @ 2023-06-14 09:32
有只小菜猫
阅读(506)
评论(0)
推荐(0)
浙公网安备 33010602011771号