vue3学习日常
文章平均质量分 77
vue3学习日常
暴怒的代码
目前在职,一位伪全栈工程师。欢迎相互交流与学习
展开
-
Vue3清除Echarts图表
Vue3是一款流行的JavaScript框架。它提供了丰富的工具和组件,使得开发者可以轻松构建交互式的Web应用程序。而Echarts是一款功能强大的图表库,它可以帮助开发者以直观的方式展示数据。在使用Vue3和E charts的过程中,我们有时需要销毁Echarts实例。这可能是因为我们需要重新渲染图表,或者是因为页面切换导致当前图表不再需要显示。无论是哪种情况,销毁Echarts实例是一个必要的步骤,以释放资源并避免内存泄漏。那么,如何在Vue3中销毁Echarts实例呢?下面我将为大原创 2023-11-15 11:16:15 · 1430 阅读 · 0 评论 -
Vue3 配置自动导入的步骤
Vue3 与 Vue2 有众多区别,其中之一就是组件式开发。当我们在页面中使用时,需要先进行 import 导入,而后才能够使用 ref 等组件。但是这样会有些麻烦,因此我们可以使用一些依赖来进行自动导入。原创 2023-12-01 10:00:19 · 751 阅读 · 0 评论 -
Vue3 的 inject 和 provide (附源码)
在前端项目中牵扯的最多的莫过于组件之间的传值了,除了最最常用的props和emit,其实在Vue中还额外提供了另外几种方法。今天分享一种组件之间通信的方法:provide 和 inject。原创 2023-12-01 09:59:43 · 331 阅读 · 0 评论 -
Vue3的transition标签以及animate.css使用详解
过渡效果可以说在开发中算是比较重要的一部分。熟练的掌握图像过渡可以更加合理贴切的显示与隐藏,在视觉上给用户更好的体验。并且书写逻辑也方便,可以类似断点的形式去定位问题出现的地方。原创 2023-11-28 10:52:28 · 1158 阅读 · 0 评论 -
总结Vue3里一些常见的组合式api
vue3中比较常用的一些组合式api原创 2023-11-25 14:56:48 · 539 阅读 · 0 评论 -
Vue3的计算属性(computed)和监听器(watch)案例语法
vue3的计算属性和监听器的写法原创 2023-11-25 11:57:12 · 150 阅读 · 0 评论 -
Vue3+Ts实现聊天机器人(chatBot-附代码)
使用 Vue3 + ts 实现聊天机器人。原创 2023-11-23 15:11:22 · 2158 阅读 · 0 评论 -
vue3引入vuex基础
使用 vuex 可以方便我们对数据的统一化管理,便于各组件间数据的传递,定义一个全局对象,在多组件之间进行维护更新。因此,vuex 是在项目开发中很重要的一个部分。接下来让我们一起来看看如何使用 vuex 吧!原创 2023-11-22 11:32:53 · 134 阅读 · 0 评论 -
component 动态组件的用法
标签是Vue框架自定义的标签,它的用途就是可以动态绑定我们的组件,根据数据的不同需求来更换使用不同的组件。原创 2023-11-16 15:52:47 · 740 阅读 · 0 评论 -
vue3配置导航栏和页脚(附代码)
本文主要是针对刚上手 Vue3 的初学者所写。涉及内容比较简单,没有太过于复杂的逻辑。因此有想学神入知识的可以看一下别的文章。 本次实验的技术是 Vue3 + TypeScript + Element Plus 。因为这三个是在 Vue 开发中经常一起出现的。如果没有学过的话也不要紧,逻辑大体是一样的,不妨碍阅读。 这里附上 Gitee 开源地址,有想要实践一下又懒得写代码的小伙伴可以直接下载运行。同时在本系列 Vue3 学习中,后续代码也都会更新在这个原创 2023-11-14 15:32:49 · 1897 阅读 · 0 评论 -
vue3配置@别名
在项目开发中,通常我们是不写相对路径的,因为有些文件需要在不同的文件中使用,如果使用相对路径,那么我们每次去CV路径的时候就要重新修改。因此通常我们是写跟路径的,但是从头开始又太过于麻烦,因此我们使用 @ 别名来省略前面的路径。原创 2023-11-13 11:12:01 · 1427 阅读 · 0 评论 -
Vue3路由配置
路由配置是 Vue 中一个很重要的步骤。有 Vue2 经验的小伙伴肯定是非常理解这句话的。然而在 Vue3 中路由配置的方式是与 Vue2 有所区别的,接下来就让我们看一下 Vue3 中如何实现路由的配置吧!原创 2023-11-10 15:42:54 · 1008 阅读 · 0 评论 -
Vue3指令
Vue 指令(Directives)是 Vue.js 的一项核心功能,它们可以在 HTML 模板中以v-开头的特殊属性形式使用,用于将响应式数据绑定到 DOM 元素上或在 DOM 元素上进行一些操作。Vue 指令是带有前缀v-的特殊 HTML 属性,它赋予 HTML 标签额外的功能。与传统的 JavaScript 方法相比,使用 Vue 创建响应式页面要容易得多,并且需要的代码更少。原创 2023-11-08 10:38:19 · 56 阅读 · 0 评论 -
Vue3组件
组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。原创 2023-11-07 10:08:07 · 104 阅读 · 0 评论 -
vue3项目搭建
Vue3 是从2018年开始研发,经过大概一年半的不断重构与试运行,最终发布于2020年9月18日。相比于 Vue2 其具有更小,更快,支持性更高等功能。因此学号 Vue3 是非常有必要的,同时 Vue2 也将会与2023年12月31日起正式停止维护。原创 2023-11-06 11:15:56 · 219 阅读 · 0 评论