随笔分类 - 五、Vue学习 / Vue基础
摘要：知识点：token存储、路由守卫拦截、请求拦截 一、前端存储token 存储到状态管理中==》为了做变量判断 存储到cookie中==》设定过期时间 二、请求拦截 发送请求，获取个人信息，前端需要带有token，后端则返回需要的信息 需要单独的封装一个请求类，将token封装进去 三、路由守卫拦截
阅读全文
摘要：一、基本原理 开发大型单页应用时使用 是一个专门为 Vue.js 应用程序开发的状态管理模式 最大的特点是响应式 在 Vuex 中存放一些需要在多个界面中进行共享的信息 Vuex 应用的核心就是 store（仓库），包含着应用中大部分的状态 ( state ) state中全局共享数据，更改stat
阅读全文
摘要：一、原理 Vue的数据更新是一种延迟异步更新 是一个用于在DOM更新完成后执行回调函数的方法 其能够监听DOM更新完成 当数据更新了，在dom中渲染后，⾃动执⾏该函数 异步更新队列：当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新 二、作用 Vue在
阅读全文
摘要：一、计算属性【computed】 对于任何复杂逻辑，你都应当使用计算属性 是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新 默认使用的是getter属性 当一个数据受多个数据影响时，可以使用computed <!-- 复杂运算 --> <div>{{message.split(
阅读全文
摘要：【key 是为 Vue 中 虚拟节点 的唯一标记，通过这个 key，diff 操作可以更准确、更快速】 （1）第一种情况是 v-if 中使用 key。 由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。 因此当使用 v-if 来实现元素切换的时候，如果切换前后含有相同类型的
阅读全文
摘要：一、底层原理 利用 v-bind 用来绑定value的值 用 v-on 去绑定input标准事件 是事件用来监听当输入域内容发生变化的时候来执行一些事情 具体事件： 通过$event这个事件对象获取到最新的输入域的值 把最新的值赋值给旧的值，进行数据更新。 》双向数据绑定 二、如何实现 （1）作用在
阅读全文
摘要：一、原理 二、流程 第一步，“数据劫持” vue 2.x 用 Object.defineProperty() 方法来实现数据劫持，为每个属性分配一个 订阅者集合的管理数组 dep vue 3.x 用 ES6 的 Proxy 构造函数来实现数据劫持。 第二步，“添加订阅者” 在编译的时候在该属性的数组
阅读全文
摘要：1.共同点 在 vue 中 v-show 与 v-if 的作用效果是相同的 当表达式都为 false 时，都不会占据页面位置 当表达式结果为 true 时，都会占据页面的位置 2.不同点
阅读全文
摘要：1、概念相关 列表页面 ——进入详情页 —— 后退到列表页（缓存列表页的原来数据以及滚动位置） 重新进入列表页面，获取最新的数据 2、实现 3、钩子函数 当组件被激活时，触发钩子函数 activated 当组件被移除时，触发钩子函数 deactivated
阅读全文
摘要：一、概念 Vue 实例有一个完整的生命周期。 也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期 二、各个阶段 beforeCreate 组件实例被创建之初，组件的属性生效之前 created 组件实例已经完全创建，
阅读全文
摘要：一、MVVM开发模式 （1）前端的视图层概念=》由MVC演化 （2） M：model【模型层】：渲染页面所以来的数据源（通过ajax从服务端获取的数据） V：view【视图层】：将数据模型转换成UI展示给用户 VM：【视图模型层】：当监听到DOM变化时，会自动地更新数据源里面所依赖的数据 （修改了m
阅读全文
