vue

背景 最近写了一个组件库，使用vitepress构建组件库的文档，在引入iconfont的时候发现vitepress打包出了问题 我们使用iconfont提供的svg，需要导入iconfont.js，

在写项目时，用到了一个hook来监听页面是否滚动到底部 在使用时发现scroll监听事件貌似失效了 原因：在滚动鼠标时，其实是滚动的 body元素上（即body有滚动条，div上无滚动条），所以在执行

用VUE3+Swipe实现了一个带缩略图的轮播图 展示为 代码如下： <swiper :navigation="true" :modules="modules" class="mySwiper2" :

在项目中使用了动态路由，在页面中需要实现路由跳转 点击后路由参数发生了变化但是页面并没有刷新 解决办法：修改router-view，在app.vue页面给标签加key，当key不同时，就会刷新。 问题

多行文本溢出显示省略号 overflow: hidden; text-overflow: ellipsis; /* 将对象作为弹性伸缩盒子模型显示 */ display: -webkit

在最近的项目中，路由跳转后发现并不会切换到新路由页面的顶部。 查询资料后发现文档里有解决方案。 在router.js中加入 问题解决。

bug小记 最近写项目需要动态更新dom元素的的背景样式，于是准备用ref来绑定dom，从而修改样式 一开始我是这么写的 结果发现会报错 结果发现需要$el才能获取dom结点，问题解决。

Vuex 创建store 每一个Vuex应用的核心就是store（仓库）： store本质上是一个容器，它包含着你的应用中大部分的状态（state）； Vuex和单纯的全局对象有什么区别呢？ 第一：V

Composition API Options API的弊端 在Vue2中，我们编写组件的方式是Options API： Options API的一大特点就是在对应的属性中编写对应的功能模块； 比如d

组件 我们先来看一个小案例 切换组件案例 点击一个tab-bar，切换不同的组件显示； 这个案例我们可以通过两种不同的实现思路来实现： 方式一：通过v-if来判断，显示不同的组件； 通过v-if来判断

插槽Slot 认识插槽Slot 在开发中，我们会经常封装一个个可复用的组件： 我们会通过props传递给组件一些数据，让组件来进行展示； 但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制

非父子组件的通信 Provide/Inject Provide/Inject用于非父子组件之间共享数据： 比如有一些深度嵌套的组件，子组件想要获取父组件的部分内容； 在这种情况下，如果我们仍然将pro

这是我参与「第四届青训营 」笔记创作活动的的第2天 今天是2022年7月29日,是我学习vue的第二十二天 4.customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控

今天是2022年7月27日,是我学习vue的第二十三天 8.生命周期 Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名： beforeDestroy改名为 beforeUnmo

这是我参与「第四届青训营 」笔记创作活动的的第3天 今天是2022年7月25日,是我学习vue的第二十二天 6.setup的两个注意点 setup执行的时机

今天是2022年7月24日,是我学习vue的第二十一天 还是按照尚硅谷的视频来学习 1.拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Composition

今天是2022年7月12日,是我学习vue的第二十天 今天准备把vue最后的视频看完，再去看一些JS高级和做项目 9.编程式路由导航

今天是2022年7月10日,是我学习vue的第十九天 路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。

今天是2022年7月9日,是我学习vue的第十八天 getters的使用 概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。 在store.js中追加getters配置 组

今天是2022年7月8日,是我学习vue的第十七天 争取在这个星期把vue2看完吧 Vuex 1.概念 ​ 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集