关于 Vue3 响应式 API 以及 reactive 和 ref 的用法

这篇文章记录一下 Vue3 响应式的内容,其中还包括了 reactive 和 ref 的用法。响应式是一种允许以声明式的方式去适应变化的编程范例,接下来我们一起看看。

ElementPlus el-cascader级联选择器 实现一级菜单单选,二级菜单多选

el-cascader级联选择器 实现一级菜单单选,二级菜单多选

Vue3 计算属性和侦听器实战(computed、watch)——简易点餐页面

这篇文章记录一下 Vue3 计算属性和侦听器 (computer、watch) 实战的内容,这篇文章我们在有计算属性和侦听器的基础上,我们来制作一个简易点餐页面,接下来我们一起来从零到一开始制作。

axios实战进阶练习——基于 Vue3 + Node.js + ElementPlus 实现的联系人列表管理后台

书接上回,上一篇文章介绍了一个基于 Vue3 和 ElementPlus 的联系人列表管理后台小 demo,在有了上一篇文章的基础上,我们试着用 axios 来获取数据,而不是用写死的数据,然后用 Node.js + Vue3 + ElementPlus 来实现联系人列表管理后台的 demo 。功能

【vue3】数据绑定,动态渲染class与style

数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式(style)。因为 class 和 style 都是 attribute,我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定。但是,在处理比较时,通过拼接生成字符串是麻烦且易出错的。因此,V

Vue3中使用vue-i18n实现多语言切换

多语言切换1、安装插件【注意Vue3使用9版本,Vue2用的是8版本】2、在src在创建lang文件夹,并创建index.js、i18n.js、和 翻译的内容文件 3、写入翻译内容,举个例子:英文(en)、中文简体(zhCN)、中文繁体(zhTN)3、编写index.js文件,导出所有翻译内容4、编

VUE3 中实现拖拽和缩放自定义看板 vue-grid-layout

vue3 使用vue-grid-layout进行自定义拖拽布局

前端必学 - 大文件上传如何实现

前端必学 - 大文件上传如何实现写在前面问题分析开始操作文件如何切片写在前面1、正常的向后端发送请求,常见的 get、post 大家都很熟悉,是没有任何问题的;我们也可以用 post 或者表单请求发送 file文件 到后端。 但是大文件的上传是一个特殊的情况: 大文件上传最主要的问题就在于:在同一个

vite的基本使用

1. 创建 vite 的项目按照顺序执行如下的命令,即可基于vite 创建vue 3.x 的工程化项目:2.梳理项目的结构使用vite 创建的项目结构如下:其中:node_modules 目录用来存放第三方依赖包public 是公共的静态资源目录src 是项目的源代码目录(程序员写的所有代码都要放在

【Vue3】element ui plus面包屑与vue-route结合使用

【Vue3】element ui plus面包屑与vue-route结合使用前言在做一个后台管理系统的时候,发现了element ui plus文档中的面包屑的使用方式,觉得还挺不错的,准备拿来用,发现可以与vue的route结合使用。1、观察结构我的后台的布局如下:使用的是element ui中的

前端笔记(10) Vue3 Router 监听路由参数变化

Vue Router是开发Vue项目的必不可少的工具,也是极为重要的学习要点。本篇介绍下Vue Router的基础使用和如何监听路由参数变化。

vue3 解决各场景 loading过度 ,避免白屏尴尬!

解决项目打开白屏过长,项目打开时加载动画,路由切换时加载动画,异步组件加载动画

第53章 短信验证服务和登录的前端定义实现

async postSmsValidate() { if (this.loginSmsForm.phone == '') { this.$refs.refPhoneRequired.focus(); this.$message.error('必须先输入手机号!'); }

vue3-setup语法糖之组件传参(defineProps、defineEmits、defineExpose)

父传子 - defineProps。子传父 - defineEmits。可以通过 defineExpose。他们不需要导入,且会随着。链获取到的组件的公开实例,的处理过程一同被编译掉。的(即通过模板引用或者。编译器宏来显式指定在。组件中要暴露出去的属性。

Vue3实战教程(快速入门)

本教程通过搭建一个简单项目,帮助读者快速入门Vue3项目实战,掌握Vue3、TS、Element Plus、axios等技术栈。

Vue3实战教程(快速入门)

本教程通过搭建一个简单项目,帮助读者快速入门Vue3项目实战,掌握Vue3、TS、Element Plus、axios等技术栈。

Vue3 之 Composition API

Vue3 之 Composition API

vue3 之 过渡 && 动画实现

在开发中,如果没有动画的话,整个页面内容的显示和隐藏会非常的生硬!不好看,为了给予一定的用户体验,进入今天的主题React框架本身并没有提供任何动画相关的API,所以如果需要使用的话可以使用一个第三方库react-transition-group Vue中为我们提供了一些内置的组件和对应的API来完

【JavaScript-6】Javascript中的数字

大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~关注公众号:半夏话前端,了解更多前端知识!点我探索新世界!在JavaScript中,只有一种数字类型,那就是number,举个简

【JavaScript-7】Javascript中的对象

大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~关注公众号:搞前端的半夏,了解更多前端知识!点我探索新世界!几乎JavaScript中的一切都是对象,对象用于数据或者功能集合。

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈