流浪のwolf

卷帝

导航

2022年11月13日

48 .var声明函数和function声明函数的区别

摘要: 定义函数的方式: 1. 函数表达式定义函数 function expression 2. 函数式声明 function declaration 区别: var声明的函数,只能在声明之后调用,因为函数表达式在函数执行阶段才会赋值给函数名 ; function声明的函数可以在声明之前调用,因为函数表达式 阅读全文

posted @ 2022-11-13 21:21 流浪のwolf 阅读(22) 评论(0) 推荐(0) 编辑

47.vue-router的钩子函数

摘要: 钩子函数就是路由导航守卫 ; 有 7 个守卫,分为 3 类 ; 全局守卫:在全部的组件生效; beforeEach 全局前置守卫 afterEach 全局后置守卫 解析守卫 组件守卫:在某个组件生效 ; beforeRouterEnter:在组件创建之前,即create函数执行之前 ; 我忘记了 路 阅读全文

posted @ 2022-11-13 21:06 流浪のwolf 阅读(29) 评论(0) 推荐(0) 编辑

46.使用过vuex和vue-router吗

摘要: 使用过,vuex是状态管理工具,它的数据可以被所有的组件获取,方法可以被所有的组件调用 ; vuex 的内部的运行机制:state提供了数据驱动视图,dispath派发actions 执行异步操作,commit提交mutations 修改state 数据 ; vuex的核心属性: state:数据保 阅读全文

posted @ 2022-11-13 20:58 流浪のwolf 阅读(20) 评论(0) 推荐(0) 编辑

45. beforeCreate和created的区别

摘要: data数据和methods的方法是否存在,是否定义了 ; beforeCreate 都是 undefiend ; 阅读全文

posted @ 2022-11-13 20:42 流浪のwolf 阅读(238) 评论(0) 推荐(0) 编辑

44. 生命周期

摘要: vue的声明周期分为 4 个阶段,8个钩子函数 ; 第一阶段:创建 ; beforeCreate:此时的data和method方法未定义 undefined created :此时的data数据和methods 方法已经定义,可以在这里发起异步请求,早发请求可能早点得到数据 ; 第二阶段:挂载 ; 阅读全文

posted @ 2022-11-13 20:42 流浪のwolf 阅读(25) 评论(0) 推荐(0) 编辑

43.v-if和v-for的优先级

摘要: v-for 的优先级高 延申问题:v-for 和 v-if 为什么不能在一起使用 ? 会造成性能的浪费,因为v-for 的优先级高,所以每次渲染都会执行v-if 判断条件,浪费时间 ;比如 渲染 10 条数据,就要判断 10 次 v-if 条件; 解决办法:在 v-for 渲染列表的外面套一层 te 阅读全文

posted @ 2022-11-13 20:33 流浪のwolf 阅读(21) 评论(0) 推荐(0) 编辑

42.跨层级组件通信

摘要: 1. 子组件标签使用自定义属性 = 参数 ,注册自定义事件修改参数,在子组件内部使用 props 接收自定义属性,直接会把自定义属性和属性值挂载到子组件实例上;但是子组件内部不能直接修改参数,要使用$emit自定义事件通知父组件修改,然后子组件更新参数 ; 2. 使用状态管理工具 vuex ,所有组 阅读全文

posted @ 2022-11-13 20:26 流浪のwolf 阅读(13) 评论(0) 推荐(0) 编辑

41.key发生变化,dom还会复用吗

摘要: 会复用但是可能会产生没有必要的真实DOM更新 ,会降低渲染效率 ;比如使用 index 作为 key 值 ; 阅读全文

posted @ 2022-11-13 20:18 流浪のwolf 阅读(28) 评论(0) 推荐(0) 编辑

40. diff 的新旧节点数组如何比较

摘要: 根据唯一标识符key值,把新旧的节点比较,不同就更新到新节点,相同就复用就节点,然后生成新的 Vnode ; 阅读全文

posted @ 2022-11-13 20:11 流浪のwolf 阅读(27) 评论(0) 推荐(0) 编辑

39. 关于 diff 算法

摘要: diff 算法是vue渲染列表数据的时候,把新的 Vnode 和旧的 Vnode 比较,通过 key 值的对应,变化的标签就更新视图,不变的就复用 ; 阅读全文

posted @ 2022-11-13 19:49 流浪のwolf 阅读(19) 评论(0) 推荐(0) 编辑

38. data为什么是一个函数

摘要: vue中的data为什么是返回对象的函数,而不是直接使用对象形式 ; 我们复用组件的时候,要求每一份data数据之间是独立的,不能互相影响,如果写成对象的形式所有的组件使用一份data数据 ,如果使用函数,每次复用组件的时候就会返回一个独立的data数据 ; 阅读全文

posted @ 2022-11-13 19:36 流浪のwolf 阅读(20) 评论(0) 推荐(0) 编辑

37 .vue2数组和对象的区别 ?

摘要: vue2中的数组不能使用索引实现响应式 ,因为vue没有给数组元素添加get和set函数 ; 追加对象的属性的时候不是响应式,要使用 $set 追加响应式 ; 阅读全文

posted @ 2022-11-13 19:21 流浪のwolf 阅读(24) 评论(0) 推荐(0) 编辑

36. 看过vue的源码吗?

摘要: 没看过 阅读全文

posted @ 2022-11-13 18:40 流浪のwolf 阅读(14) 评论(0) 推荐(0) 编辑

35. vue响应式的get和set如何触发或者过程

摘要: 首先 ,vue 内部使用 Object.defineProperty 给data中的数据添加了 getter 和 setter 函数 ; 当我们访问数据的时候,会触发getter 函数 return 给我们数据值,当我们修改数据的时候会触发setter 函数去修改数据,然后去更新页面视图 ; 阅读全文

posted @ 2022-11-13 18:28 流浪のwolf 阅读(154) 评论(0) 推荐(0) 编辑

34.vue响应式

摘要: 响应式就是 数据发生变化,ui界面自动更新内容 ; vue响应式的实现是在 创建vue实例的时候,遍历data数据,通过 Object.defineProperty给每个数据添加 getter 和 setter 函数 ,获取数据触发 getter 函数,修改数据触发setter函数,然后再sette 阅读全文

posted @ 2022-11-13 17:36 流浪のwolf 阅读(23) 评论(0) 推荐(0) 编辑

33. mvvm理解

摘要: MVVM 是module view view-module 数据驱动视图开发模型,是MVC的改进版,采用业务逻辑和页面解构分离的开发思想; MVVM 实现了 view 和 module 的双向绑定,我们修改了 module ,用户不需要手动的更新 view ; 阅读全文

posted @ 2022-11-13 17:17 流浪のwolf 阅读(19) 评论(0) 推荐(0) 编辑

32. vue框架的理解

摘要: vue是创建用户界面的框架,是创建SPA应用的框架,采用了MVVM模型,是数据驱动视图 ;使用了 业务逻辑和页面解构分离的开发思想 ;使用 高效的diff算法渲染列表 ;使用组件化开发,提高代码的复用率,更加的方便维护代码 ; 阅读全文

posted @ 2022-11-13 17:13 流浪のwolf 阅读(50) 评论(0) 推荐(0) 编辑

31.通过哪些方式来学习

摘要: 搜百度看博客,看文档,看视频,写笔记记录自己的想法 ; 阅读全文

posted @ 2022-11-13 17:08 流浪のwolf 阅读(41) 评论(0) 推荐(0) 编辑

大菠萝 pinia

该文被密码保护。 阅读全文

posted @ 2022-11-13 16:34 流浪のwolf 阅读(8) 评论(0) 推荐(0) 编辑

30. 清除浮动的方法

摘要: 清除浮动是为了解决父元素因为子元素设置了浮动导致的高度塌陷问题: 此时父元素的高度没有被撑开 ; 父元素的高度已经被撑开 ; 1. 添加额外标签设置clearfix类为clear:both; 2. 父元素添加overflow:hidden 3. 使用before和after双伪元素清除浮动 4. 设 阅读全文

posted @ 2022-11-13 16:29 流浪のwolf 阅读(44) 评论(0) 推荐(0) 编辑