vue3组件通信方式

1.props 父组件代码如下: 子组件只需要渲染父组件传递的值。 代码如下: 2.Emit Emit也是Vue中最常见的组件通信方式,用于子组件向父组件传递消息。 我们在父组件中定义列表,子组件只需

vue3组件通信方式

Vue3大文件上传:秒传、断点续传、分片上传

开篇 首先需要明确,大文件上传需要用到后端的支持。本文中我将选择使用Node.js框架下的 Express 来搭建我们的后台。 秒传 秒传指的是已经上传过的文件,不必重复传输,可以直接从后台取回文件资

Vue3大文件上传:秒传、断点续传、分片上传

vue2和vue3区别有多大?这篇文章告诉你!

Vue是一个流行的前端框架,它使用了响应式数据绑定和组件化的思想,让开发者可以快速地构建复杂的用户界面。Vue的第一个版本发布于2014年,第二个版本发布于2016年,第三个版本发布于2020年。那么,Vue2和Vue3之间有什么区别呢?


vue2和vue3区别有多大?这篇文章告诉你!

Vue2与Vue3的区别:为什么你应该考虑升级

在本文中,我们将深入探讨Vue.js 2与Vue.js 3之间的区别,并探讨为什么您应该考虑升级。


Vue2与Vue3的区别:为什么你应该考虑升级

深入探究Vue3:新特性、性能提升和使用技巧

本文将深入探究 Vue 3 的新特性、性能提升以及使用技巧,并通过实例进行详细讲解。


深入探究Vue3:新特性、性能提升和使用技巧

如何在Vue3中使用Composition API:简单易懂的指南

在本文中,我们将介绍如何在Vue3中使用Composition API,并通过具体实例来展示如何使用它。


如何在Vue3中使用Composition API:简单易懂的指南

vue3.x起步

vue3.0现在还是beta版本,最好不要用于生产,不过可以试先尝尝鲜,看看是什么样的 vue3.0主要有以下新特性 Performance(性能比2.x更好) Tree-shakingsuppor

vue3.x起步

vue3.x玩转setup

一、入门 <!DOCTYPEhtml> <html> <head> <title>vue3.x</title> <scriptsrc

vue3.x玩转setup

vue3.x页面功能拆分方式

vue3.x相对比vue2.x主要的应用区别在于setup的使用,这个也是vue3.x的特色,所有的功能都得通过vue钩子引入使用,因为setup语法糖环境是不支持this的,这种开发方式有点回到原始

vue3.x页面功能拆分方式

vue3.x axios解决Content type 'application/x-www-form-urlencoded;charset=UTF-8' 不支持问题

出现这个问题,主要还是因为记错了后端具体使用的是什么内容类型来接收前端POST传输参数,所以只要知道了后端采用的内容类型就可以很好的解决问题,如后端是通过application/json,就可如下处理

vue3.x axios解决Content type 'application/x-www-form-urlencoded;charset=UTF-8' 不支持问题

vue3.x从打包、部署到上线

一、前言 作者采用的项目架构:vue3.x+typescript+element-plus+axios,知道这一点很重要,因为目前vue3.x和element-plus还在不断更新迭代中,可能后面又会

vue3.x从打包、部署到上线

vue3.x路由404通配处理

vue-router3.x通配规则 vue2.x对应的vue-router3.x的404路由通配方式: { path:'*',//会匹配所有路径 name:'404', component:()=&a

vue3.x路由404通配处理

vue3.x几个不看不知道的自动化加载技巧

前言 最近鼓捣了一下Vue3+Vite2,遇到了不少问题,整理了5个可以提高开发效率的小知识,让你在Vue3的项目开发中更加丝滑、顺畅。 一、setupname增强 Vue3的setup语法糖是个好东

vue3.x几个不看不知道的自动化加载技巧

Vue3 defineEmit触发事件使用总结

$emit官方说明:https://cn.vuejs.org/api/component-instance.html#emit Children.vue <scriptsetup> con

Vue3 defineEmit触发事件使用总结

Vue3 defineProps定义属性使用总结

一、无默认值 Children.vue <template> <pv-if="props.visible">HelloWorld</p> </template

Vue3 defineProps定义属性使用总结

vue3挂载全局变量

1、查看已挂载的全局变量 importAppfrom"./App.vue" constapp=createApp(App) console.log(app.config.globalPropert

vue3挂载全局变量

vue3 ts .vue模块未找到解决

一、关闭Vetur扩展 首先定位暴露问题的目标是谁? 一般使用vscode编辑器的,在做vue项目时,由于历史原因,使用Vetur工具处理vue2的一些格式化、检查、snippet等工作,但在切换到v

vue3 ts .vue模块未找到解决

Vue3父组件调用子组件方法

Parent.vue <scriptsetup> import{ref}from'vue' importChildrenfrom'./children.vue' constchildre

Vue3父组件调用子组件方法

vue3.x的setup语法糖

什么是setup语法糖 vue3.0时setup的变量需要return暴露出来,template才能获取。到3.2之后只需要在script标签中添加setup,例如 ,组件中不在需要特殊注册,直接引.

vue3.x的setup语法糖

vue3+ts 中 ref与reactive 如何指定类型

ref 的基础特性 ref 约等于 reactive({ value: x })ref() 可以定义时无参数,第一次赋值任意类型,然后就不能增加属性 如何在ref中指定类型 reactive 返回对.

vue3+ts 中 ref与reactive 如何指定类型