随笔分类 - Vue3
谁小时候的梦想是能有钱买一套属于自己的房子啊！
摘要：vue 实现关键字高亮效果 这是啥子意思呢，就是类似于百度搜索，根据关键词搜索结果，搜索结果中，与关键词相同的字显示红色，仅此而已，没有什么大的功能。简单写一下demo。 环境 我使用的是 vue3 + ts 的语法来写，其实一个样儿，关键代码 js、ts 都可以，就一个方法，调用一下就可以了。 <
阅读全文
摘要：vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl
阅读全文
摘要：vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element-
阅读全文
摘要：Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参，今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 Jav
阅读全文
摘要：vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI
阅读全文
摘要：vue3 hooks使用 今天我们稍微说一下 vue3 项目中的 hooks 的使用，其实这个 hooks 呢是和 vue2 当中的 mixin 是类似的，学习过 vue2 的小伙伴一定对 mixin 一定比较熟悉，就算没用过也一定了解过，也就是混入，通过 mixin 混入来分发 vue 组件中的可
阅读全文
摘要：vite 创建 vue3 项目 TS 类型 之前学习过 vue2 的宝子们是知道的，当时我们开发 vue2 项目呢，使用的是 js 编码。当 vue3 发布之后，很多小伙伴尝鲜，很多人都已经知道了 vue3 的底层是用 ts 来写的，所以呢，vue3 对于 ts 的支持和适配已经是相当不错了，所以说
阅读全文
摘要：Vue3 Pinia使用 在学习 Vue2 的宝子们一定都知道，在 vue2 版本中，如果想要使用状态管理器，那么一定是集成 Vuex，首先说明一点，Vuex 在 vue3 项目中依旧是可以正常使用的，是 vue 项目的正规军。但是，今天我们学习一下小菠萝，Pinia 目前也已经是 vue 官方正式
阅读全文
摘要：Vue3 组件传值 今天说一下 vue3 的组件间传值，学习过 vue2 的宝子们肯定知道，组件传值是 vue 项目开发过程中必不可少的功能场景，在 vue2 里面有很多传值的方式，vue3 的传值方式呢，在这里稍微整理总结一下，但是不是很全，后期可能慢慢补充。 父子组件传值 props 和 vue
阅读全文
摘要：Vue3 shallowRef 和 shallowReactive 嗯，怎么说呢，其实这两个函数并不是很常用，在开发过程中基本上用不到，但是呢，我不写我又感觉少点啥，所以说就简单的说一下吧，其实不看也可以哈。 shallowRef 和 shallowReactive shallowRef 函数，只处
阅读全文
摘要：Vue3 watchEffect 侦听器 上一节我们学习了 watch 侦听器的基础用法，用来监听页面数据的变化，那么今天呢，我们来学习一下 watch 侦听器的好兄弟 watchEffect 侦听器。这个相对来说比较简单，用的不是很多，当然了，根据自己的项目情况自行决定使用。这个就不详细说了，简单
阅读全文
摘要：Vue3 侦听器 watch 上一节我们简单的介绍了一下 vue3 项目中的计算属性，这一节我们继续 vue3 的基础知识讲解。 这一节我们来说 vue3 的侦听器。 学过 vue2 的小伙伴们肯定学习过侦听器，主要是用来监听页面数据或者是路由的变化，来执行相应的操作，在 vue3里面呢，也有侦听器
阅读全文
摘要：Vue3 计算属性 上一篇博文说了 vue3 项目的 toRefs 函数和 toRef 函数，今天就稍微总结一下 vue3 的计算属性，其实学过 vue2 的宝子们应该都清楚，计算属性这个东西在项目开发过程中使用的还是比较频繁的，使用频率相对来说比较高，所以说咱今天稍微总结一下 vue3 项目中的计
阅读全文
摘要：Vue3 toRef 和 toRefs 函数 上一篇博文介绍了 vue3 里面的 ref 函数和 reactive 函数，实现响应式数据，今天主要来说一下 toRef 函数和 toRefs 函数的基本使用。 toRef 函数 通过上一篇博客，我们知道，ref 函数可以创建一个响应式的数据，那 toR
阅读全文
摘要：vue3 ref 和 reactive 函数 前言 上一篇博文介绍 setup 函数的时候，最后出现一个问题，就是在 setup 函数中，编写一个事件，直接去修改定义的变量，发现页面上没有更新成功，并且控制台报错，那这篇博客就是讲解遇到的这个问题应该如何处理。 ref 函数介绍 ref 作用就是将基
阅读全文
摘要：Vue3 setup 函数 vue2 和 vue3 开发的区别 首先，目前来说 vue3 发布已经有一段时间了，但是呢，由于还处于优化完善阶段，对于 vue3 开发项目的需求不是很高，主要还是以 vue2 开发为主，但是相信，vue3 进行项目开发是大势所趋。 vue2 开发项目过程中，会存在代码冗
阅读全文
摘要：Vue3 生命周期 先说点啥哈，我之前学习过 Vue2，但是呢，Vue3 也发布不少时间了，尽管现在大部分公司还是在使用 Vue2 做开发，但是 Vue 之父尤雨溪曾经说过，Vue3 是未来的趋势，建议初学者直接学习 Vue3，但是现在 Vue3 尽管发布，但是有些地方还在维护更新，难免会出现一些小
阅读全文
摘要：Vue3 + Vite 实现项目搭建 首先嘞，这个博文就是简单的记录一下自己的对 Vue3 的学习，所以说呢，并不代表他是完全正确的。 Vite 创建 Vue3 项目有两种常见的方式，一种是想 vue2 版本一样使用脚手架工具创建，创建 vue3 项目的脚手架必须是4版本以上的，另一种方法就是使用
阅读全文
摘要：vue3 - 介绍 vue3 简介 vue3提供了更好的性能，更小的捆绑包体积，更好的TS集成，用于处理大规模用例的新 API。 3.0版本的vue，开发周期长达两年多。 3.0的发布，标志着此框架整体呈现出可用状态，尽管框架的某些子项目可能仍需要进一步开发才能打发哦稳定状态，特别是路由和VUEX的
阅读全文
