vuejs

vue3组件间怎么通信?通信方式浅析

在我们写 vue3 的项目中,我们都会进行组件通信,我们除了使用 pinia 公共数据源的方式除外,我们还可采用那些更简单的API方法呢?那下面我就来给大家介绍介绍几种父子组件和子父组件通信的方式。1、父子组件通信1.1 definePro

一起学学vue的mixin

前言如果你在写vue组件时,发现有几个组件的逻辑差不多类似,那么你就可以使用vue的mixin(混入),把类似的逻辑抽离出来封装成js,然后在各个组件引入使用。mixin就是用来解决vue组件逻辑复用的问题。今天咱们来学学vue的mixin

实例详解vue3实现chatgpt的打字机效果

在做 chatgpt 镜像站的时候,发现有些镜像站是没做打字机的光标效果的,就只是文字输出,是他们不想做吗?反正我想做。于是我仔细研究了一下,实现了打字机效果加光标的效果,现在分享一下我的解决方案以及效果图共识首先要明确一点,chatgpt

【整理总结】11种Vue组件的通信方式

Vue组件间怎么通信?下面本篇文章给大家整理总结11种Vue组件的通信方式,希望对大家有所帮助!组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。vue组件间的传值方式多种多样,

聊聊vue3中watch和computed的使用方法

本篇文章带大家学习vue3,深入聊聊计算属性computed与侦听器watch的使用方法,希望对大家有所帮助!一、watch1.检测reactive内部数据<template> <p>{{ obj.hobby.eat }}</p> <b

不会vue没事,但Proxy一定得会!

在几个月前就有写这篇文章的想法了,但是想到这个知识点 VueJs 用得比较多,我本身是一个 React 开发者,如果让我选另外一个框架的话我可能更倾向 angular,但是最近在学 NestJs,发现底层大量使用的 Reflect,具体如下

浅析vue3中setup()和reactive()函数的使用

本篇文章带大家聊聊vue3项目中组合式API基础概念、setup()入口函数概念、 reactive()的使用方法,希望对大家有所帮助!一、组合式API对比vue2项目结构在vue2当中1.优点:易于学习和使用,写代码的位置已经约定好。2.

详解Vue input model的概念和用法

Vue.js是一种流行的JavaScript框架,它提供了许多方便的功能来简化前端开发。其中,Vue的input model是一种非常方便的方法,可以允许您跟踪输入字段的状态,并使其更容易进行验证。在本文中,我们将介绍Vue input m

深入聊聊vue组件的两种不同的编写风格

本篇文章带大家聊聊vue组件的两种不同的编写风格,详细介绍一下选项式API和组合式API,希望对大家有所帮助!<template> <div class="base-vue3-code-style"> <el-button ty

聊聊vue的两种路由模式(哈希和历史)

http://localhost/#home登录后复制特点: #号后面的参数不会传送给服务器,兼容性好,不会作为路径的一部分发送给服务器,也就是它不会包括在HTTP请求体中,对后端完全没有影响,只是我们前端同学自己玩页面刷新时,会停留在当前