上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 23 下一页
摘要: 前言 在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的 Vuex 状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用 Vuex 往往会比较重,本文将系统的罗列出几种不使用 Vuex,比较实用的组件间的通信方式,供大家参考。 组件之间通信的场景 在进入 阅读全文
posted @ 2022-11-04 08:56 bb_xiaxia1998 阅读(34) 评论(0) 推荐(0)
摘要: keep-alive 中的生命周期哪些 keep-alive是 Vue 提供的一个内置组件,用来对组件进行缓存——在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 如果为一个组件包裹了 keep-alive,那么它会多出两个生命周期:deactivated、activated。同时,befo 阅读全文
posted @ 2022-11-04 08:55 bb_xiaxia1998 阅读(378) 评论(0) 推荐(0)
摘要: vue组件通信方式 一、props(父向子传值 自定义属性) / $emit(子向父传值 自定义事件) 父组件通过props的方式向子组件传递数据,而通过$emit 子组件可以向父组件通信。 1. 父组件向子组件传值(props) 下面通过一个例子说明父组件如何向子组件传递数据:在子组件articl 阅读全文
posted @ 2022-11-04 08:53 bb_xiaxia1998 阅读(25) 评论(0) 推荐(0)
摘要: Vue 子组件和父组件执行顺序 加载渲染过程: 父组件 beforeCreate 父组件 created 父组件 beforeMount 子组件 beforeCreate 子组件 created 子组件 beforeMount 子组件 mounted 父组件 mounted 更新过程: 父组件 be 阅读全文
posted @ 2022-11-02 08:23 bb_xiaxia1998 阅读(11) 评论(0) 推荐(0)
摘要: 一、computed介绍 computed 用来监控自己定义的变量,该变量在 data 内没有声明,直接在 computed 里面定义,页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> //计算属性 computed:{ msg:function() 阅读全文
posted @ 2022-11-02 08:21 bb_xiaxia1998 阅读(18) 评论(0) 推荐(0)
摘要: 你有对 Vue 项目进行哪些优化? (1)代码层面的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key,且避免同时使用 v-if 长列表性能优化 事件的销毁 图片资源懒加载 路由懒加载 第三方插件的按需引入 阅读全文
posted @ 2022-11-02 08:19 bb_xiaxia1998 阅读(47) 评论(0) 推荐(0)
摘要: Vue加载流程 1.初始化的第一阶段是Vue实例也就是vm对象创建前后:首先Vue进行生命周期,事件初始化发生在beforeCreate生命周期函数前,然后进行数据监测和数据代理的初始化,也就是创建vm对象的过程,当vm对象创建完成就可以通过vm对象访问到劫持的数据,比如data中的数据,metho 阅读全文
posted @ 2022-11-02 08:14 bb_xiaxia1998 阅读(24) 评论(0) 推荐(0)
摘要: 对 React 和 Vue 的理解,它们的异同 相似之处: 都将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库; 都有自己的构建工具,能让你得到一个根据最佳实践设置的项目模板; 都使用了Virtual DOM(虚拟DOM)提高重绘性能; 都有props的概念,允许组件间的数据传 阅读全文
posted @ 2022-11-01 09:11 bb_xiaxia1998 阅读(66) 评论(0) 推荐(0)
摘要: 原理性的东西就会文字较多,请耐下心来,细细品味 Vue中DOM更新机制 当你气势汹汹地使用Vue大展宏图的时候,突然发现,咦,我明明对这个数据进行更改了,但是当我获取它的时候怎么是上一次的值(本人比较懒,就不具体举例了👵) 此时,Vue就会说:“小样,这你就不懂了吧,我的DOM是异步更新的呀!!! 阅读全文
posted @ 2022-11-01 09:09 bb_xiaxia1998 阅读(34) 评论(0) 推荐(0)
摘要: Vue的优点 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb ; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了 angular 的特点,在数据操作方面更为简单; 组件化:保留了 react 的优点,实现了 html 的封装和重用,在构 阅读全文
posted @ 2022-11-01 09:07 bb_xiaxia1998 阅读(21) 评论(0) 推荐(0)
上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 23 下一页