![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
yueF_L
这个作者很懒,什么都没留下…
展开
-
解决Vue3 中Echarts数据更新渲染不上问题
请求数据前dom节点不渲染,获取完数据重新渲染。解决办法就是让Dom节点重新渲染。原创 2024-01-04 13:53:03 · 1171 阅读 · 0 评论 -
探索 Vue3 (五) 骨架屏
骨架屏是页面的一个空白版本,通常会在页面完全渲染之前,通过一些灰色的区块大致勾勒出轮廓,待数据加载完成后,再替换成真实的内容。可以看到使用起来非常简单,只需要一行代码即可。原创 2023-12-25 18:35:43 · 1107 阅读 · 2 评论 -
探索 Vue3 (四) keep-alive缓存组件
keep-alive为抽象组件,主要用于缓存内部组件数据状态。可以将组件缓存起来并在需要时重新使用,而不是每次重新创建。这可以提高应用的性能和用户体验,特别是在需要频繁切换组件时。:如果缓存的实例数量即将超过指定的那个最大数量,则最久没有被访问的缓存实例将被销毁,以便为新的实例腾出空间。当一个组件实例作为缓存树的一部分插入到 DOM 中时,它将重新。默认会缓存内部的所有组件实例,但我们可以通过。缓存的根组件,也适用于缓存树中的后代组件。缓存而仍作为组件树的一部分时,它将变为。一个持续存在的组件可以通过。原创 2023-12-21 11:48:00 · 649 阅读 · 0 评论 -
探索 Vue3 ( 三 ) Teleport传送组件
Teleport Vue 3.0新特性之一。Teleport 是一种能够将我们的模板渲染至指定DOM节点,不受父级style、v-show等属性影响,但data、prop数据依旧能够共用的技术;Teleport中的内容允许我们控制在任意的 DOM 中,完全不受父级style样式影响。原创 2023-12-21 10:55:34 · 484 阅读 · 0 评论 -
Uniapp + Vue3 封装请求工具挂载全局
备注:Vue3不可以像vue2那样子通过this对象去调用全局挂载对象,需要使用 getCurrentInstance 方法获取proxy 对象。原创 2023-12-20 17:31:05 · 2105 阅读 · 5 评论 -
Uniapp + Vue3 + Pinia + Vant3 框架搭建
现在越来越多项目都偏向于Vue3开发,想着uniapp搭配Vue3试试效果怎么样,接下来就是详细操作步骤。App.vue setup语法。原创 2023-12-20 15:13:06 · 2693 阅读 · 0 评论 -
探索 Vue3 (二) 插槽slot
表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的原创 2023-12-19 11:47:06 · 391 阅读 · 0 评论 -
探索 Vue3 (一) 父子组件传参
父组件通过v-bind绑定一个数据,然后子组件通过defineProps接受传过来的值,可以看到标题从父组件传值给子组件,data里面是用了子组件默认值。是通过defineEmits派发一个事件。这里直接通过编译工具可以点出来属性。父组件获取子组件实例通过ref。通过defineExpose。子组件暴露给父组件内部属性。原创 2023-12-19 11:07:55 · 1005 阅读 · 0 评论 -
vue3引入echarts正确姿势
(2)安装vue echarts工具包。传入option相关数据。原创 2023-12-14 14:38:26 · 3029 阅读 · 0 评论