自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 Vuex基本使用

为了复用,比如在实际工作当中,我们要创建一个订单,这时候需要判断用户是否登录,商品库存是否满足购买需求等等,如果写在组件中,那么在多个需要创建订单的页面中,都要写判断逻辑,而且一旦需要修改逻辑,那么所有组件都要更改,而写在actions方法中,就不存在上述问题。如果只包含commit方法,那么就没办法拿到state中的数据进行使用,也没有办法调用其他的dispatch方法进行业务逻辑判断,在实际工作当中,经常会把业务逻辑单独封装,以实现公用。1)创建vuex文件夹,然后在文件夹里面创建store.js。

2024-06-12 14:31:19 152

原创 01-01:数据渲染

通过虚拟 DOM-Diff 算法只需要在数据发生变化时,对新旧虚拟 DOM 进行差异化的比较,然后对真实 DOM 进行局部的更新操作,大大较少了渲染性能的开销,从而提高页面的渲染性能和用户体验。虚拟DOM的概念是通过状态生成一个虚拟节点树,然后使用虚拟节点树进行渲染。在渲染之前,会使用新生成的虚拟节点和上一次生成的虚拟节点进行对比,只渲染不同的部分。Diff 算法是一种高效的算法,可以在不重建所有节点的情况下,将新旧虚拟 DOM 比较,找出需要更新的节点,从而实现局部更新,提高应用程序的性能。

2024-05-25 10:02:29 222

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除