vue3基础语法

Vue3封装的请求拦截

importaxiosfrom"axios";constinstance=axios.create({baseURL:'http://127.0.0.1:8888/api/private/v1/',//工作时把地址替换后端的地址timeout:3000,//工作时把端口号替换后端给的端口号headers:{'X-Custom-Header':'foobar'}});//添加请求拦截器instanc
Web_Lxz·2024-09-05 23:10

Vue3通用请求响应拦截器与请求方法封装

文章目录请求响应拦截器：请求拦截器响应拦截器：错误处理统一请求封装：请求响应拦截器：请求拦截器向请求头中添加tokenimportaxiosfrom'axios'import{getToken,removeToken}from'@/utils/cookie'import{useUserStore}from"@/store/moudel/user.js";//保存在本地的数据importmodalf
@泽栖·2024-09-05 23:07

搭建一个组件库（vue3）

1.Monorepo（单仓库，多项目）作用:在一个项目里面管理多个模块，并且互不干扰npminstallpnpm-g2.初始化package.jsonpnpminit3.新建配置文件.npmrc//扁平化依赖解决幽灵依赖的问题shamefully-hoist=true4.新建pnpm-workspace.yaml仿照elemen-uipackages:-'packages/**'-'example
yu_zhili·2024-09-05 22:04

vue3 动态组件component不生效问题

问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。
技术钱·2024-09-05 22:30

monorepo搭建项目

7081440800143310884安装pnpmmonorepo的项目，限制只能使用pnpm如果已经安装了pnpm可以跳过此步骤安装pnpm命令：npmipnpm-g初始化项目首先新建一个文件夹，名为vue3
讨口子·2024-09-05 22:59

【vue3】探讨为什么ref()换为reactive()数据不再是响应式？

原问题：本来想使用数组中的filter方法，原来用的是lettableData=ref([])然后发现Ref上不再filter属性，所以就换成了lettableData=reactive([])但是这样有了一个新问题就是：数据加载不出来了，代码如下//获取文章列表数据lettableData=reactive([])functiongetArt(){getArticles().then((resp
逆旅行天涯·2024-09-05 17:26

怎么解决在vue3中watch不及时更新

解决方案1：在processChunk函数中更新questionList.value后再更新questionid.value和firstsendId.value通过调整questionid.value和firstsendId.value更新的位置，我们可以确保它们的值在更新questionList.value之前就已经准备好：constprocessChunk=(chunk:any)=>{if(p
不知名的小Q·2024-09-05 17:53

vue3缺陷

Vue3的一些缺陷包括：1.兼容性问题：由于Vue3使用了新的响应式系统，与Vue2的代码不兼容。这意味着在迁移现有项目时需要进行一些改动。
不知名的小Q·2024-09-05 15:47

Vue3 中的响应式系统：深入理解 Proxy API

在Vue3中，响应式系统的核心是通过使用ES6中的ProxyAPI来创建数据的代理，从而拦截对象属性的读取和设置操作。这使得框架可以在属性被访问或修改时执行额外的操作，例如触发视图更新。
Rverdoser·2024-09-05 11:51

《Vue 3 中的 Pinia：全面解析与使用教程》

Pinia是Vue3官方推荐的状态管理库，用于代替Vue2中的Vuex。Pinia的核心设计目标是提供简单、灵活、轻量的状态管理方式，并与Vue3的组合式API紧密结合。
NMY112·2024-09-05 10:43

Vue3项目引入.ts文件报错：An import path can only end with a ‘.ts‘ extension when ‘allowImportingTsExtensions‘

Animportpathcanonlyendwitha‘.ts’extensionwhen‘allowImportingTsExtensions’isenabled.ts-plugin(5097)这个错误消息表明在TypeScript项目中，当allowImportingTsExtensions未启用时，导入路径不能以.ts扩展名结尾。解决方案启用allowImportingTsExtension
fishmemory7sec·2024-09-05 10:10

后台数据管理系统 - 项目架构设计

项目架构设计在线演示：黑马程序员-大事件接口文档:登录-黑马程序员-大事件接口根路径：http://big-event-vue-api-t.itheima.net本项目的技术栈本项目技术栈基于ES6、vue3
风流野趣fly·2024-09-05 04:00

Vue3实现elementplus实现分页查询，组合式API写法

在Vue3中使用ElementPlus实现分页查询时，通常会利用组合式API（CompositionAPI）来组织代码，使得逻辑更加清晰和模块化。
J不A秃V头A·2024-09-05 04:30

Vue3的router实战演练

VueRouter是Vue官方的客户端路由解决方案。客户端路由的作用是在单页应用(SPA)中将浏览器的URL和用户看到的内容绑定起来。当用户在应用中浏览不同页面时，URL会随之更新，但页面不需要从服务器重新加载。VueRouter基于Vue的组件系统构建，你可以通过配置路由来告诉VueRouter为每个URL路径显示哪些组件。1.App.vueHelloApp!Currentroutepath:{
J不A秃V头A·2024-09-05 04:29

value值没有根据下拉选择而改变

reactive({type:type.value,provinceId:null,cityId:null,areaId:null,pageNum:1,pageSize:20})在你的代码中，type是一个Vue3
J不A秃V头A·2024-09-05 04:29

Element Plus设置表单字段为必填

在使用ElementPlus（一个基于Vue3的ElementUI组件库）时，设置表单字段为必填通常涉及到两个方面：表单验证（Validation）和表单字段的提示信息。
J不A秃V头A·2024-09-05 03:54

SprinBoot+Vue宠物领养救助微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-05 00:03

SprinBoot+Vue阅读交流微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:28

SprinBoot+Vue食堂预约点餐微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:57

SQL基础语法

SQL语句基本语法查询SELECTcolumn_name,column_nameFROMtable_name;SELECT*FROMtable_name;SELECTDISTINCTcolumn_nameFROMtable_name;DISTINCT关键词用于返回唯一不同的值。SELECT*FROMtable_nameWHEREcolumn_name=value;WHERE子句用于提取那些满足指定
隔壁村的菜GO·2024-09-04 17:27

vue3+ts封装一个uniapp的自动滚动列表，实现看板效果

电视机上要以列表展示数据，并且数据会实时更新，电视机不能点击，所以考虑自动播放的一个效果。展示方案有两种：1、列表上下自动滚动实现轮播效果。（此时具体滚动的高度由用户自己决定，每次滚动几条数据）2、列表以“页”的形式做成轮播图的翻页效果。由于项目的电视机是有任务提示作用的，最后考虑做成第一种方案，用户能更清晰了解任务安排和数据的更新。搜索之后了解到vue-seamless-scroll支持列表的自
女德班吊车尾·2024-09-04 16:18

vue3页面空白-普通函数和箭头函数提升的不同

在JavaScript中，普通函数（即使用function关键字定义的函数）和箭头函数（使用()和=>定义的函数）在作用域和提升（hoisting）行为上有不同的表现。1.普通函数（FunctionDeclarations）普通函数声明会被提升（hoisted），也就是说，它们可以在声明之前被调用。这是因为函数声明会被提升到当前作用域的顶部。例如：console.log(foo());//输出"H
Kent_J_Truman·2024-09-04 14:35

python基础语法--if--elif--else条件语句

1.if语句ifexpression:expr_true_suite#例子：if2>1andnot2>3:print('CorrectJudgement!')#输出：CorrectJudgement!2.if-else语句if
哈喽2020·2024-09-04 13:27

【Vue3源码】第六章 ref的原理 实现ref

【Vue3源码】第六章ref的原理实现ref上一章节我们实现了reactive和readonly嵌套对象转换功能，以及shallowReadonly和isProxy几个简单的API。
顽皮宝·2024-09-04 07:48

第六章 手写computed函数

在Vue3中，它的本质上其实是一个函数，该函数返回一个ref对象，其value属性就是计算结果。同时也可以传入一个配置对象，配置对象中包含一个get函数与一个set函数，分别用于计算与更新。
DT——·2024-09-04 07:45

第七章 手写watch 实现

1.创建watch函数在Vue3中，watch是一个函数，这个函数接收三个参数，前两个是必须的参数，第三个是一个配置参数。
DT——·2024-09-04 07:45

Cannot read properties of undefined (reading ‘_android’)

记录：问题Cannotreadpropertiesofundefined(reading‘_android’)vue3+ts使用qrcodejs2插件生成二维码报错Cannotreadpropertiesofundefined
久违的小技巧·2024-09-04 03:23

SprinBoot+Vue在线商城微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 23:00

vue 批量自动引入并注册组件或路由

有时候有大量的组件.vue后缀的,或.js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components
yang295242361·2024-09-03 22:19

vue3 Bate setup属性介绍

对于vue3，在上篇做了一个简单基本的介绍，没有观看的可以点击：vue3简单了解，vue3的好处就不多说了，此篇是介绍vue3一些基本的属性和组件用途。
whhh·2024-09-03 21:11

解锁 Vue3 新技能：Transition和TransitionGroup 的奇妙世界

一、Transition1、简介Transition是Vue的一个内置组件，用于制作基于元素状态变化的动画效果，无需注册即可在任意组件实例中使用。该组件内部的默认插槽仅支持渲染单个元素或单根节点组件（内部也可以包裹多个节点，但任意时刻只能有一个节点被渲染），组件会将定义的插入和移除动画通过默认插槽传递给内部包裹的元素或组件上。当Transition组件内部的元素被插入和移除时，Vue会自动执行以下
努力的小朱同学·2024-09-03 18:55

$listeners在vue3中使用

vue2中使用$attrs从父组件传递数据给子组件嵌套组件，父组件通过通过$listeners监听子组件的事件vue3把把$attrs和$listeners统一合并到$attrs中代码示例：File组件
qq_41068783·2024-09-03 17:51

Java基础知识（部分、随手记）

目录基础知识：基本框架：注释：关键字：字面量：（数据类型）变量：注意事项：计算机的存储规则：基础语法：标识符：键盘录入：IDEA项目结构的介绍算数运算符：判断和循环顺序结构分支结构if语句switch语句格式
木木ᶻ·2024-09-03 14:32

SprinBoot+Vue问卷调查微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 08:23

nuxt3+vue3+vite+TS实现国际化

博客用的nuxt3+vue3+vite+TS实现国际化，国际化用的vue-i18n，下面我给大家详细介绍。一、安装依赖#npm安装依赖npmivue-i18nnpmi@nuxtjs/i18n@
富朝阳·2024-09-03 07:46

zdppy+vue3+onlyoffice文档管理系统实战 20240902 上课笔记 登录功能优化

遗留问题1、登录以后跳转最近文档2、如果用户没有登录应该自动跳转登录页面3、如果用户的token校验失败，应该自动调整登录界面4、按回车键自动跳转登录页面登录以后跳转最近文档constrouter=useRouter()router.push("/")实际代码：constloginData=awaitapi.login(data.username,data.password)console.log
Python私教·2024-09-03 07:45

vue2（vue-cli3x[vue.config.js]）使用cesium新版（1.117.0）配置过程

因为目前cesium停止了对vue2的版本更新，现在默认安装都是vue3版本，因此需要控制版本，否则就会报错。
GIS瞧葩菜·2024-09-03 07:14

Vue中的ref与reactive

1.ref  ref是Vue3中引入的API，用于创建一个响应式的引用对象。它接收一个初始值作为参数，并返回一个包含了一个.value属性的对象。
广东数字化转型·2024-09-03 05:38

python 基础语法之函数

python基础语法之函数函数函数的参数函数的返回值函数的嵌套函数变量作用域函数参数位置参数详解:关键字参数:缺省参数不定长参数匿名函数总结函数概述:函数也叫方法,可以用单词Function(函数,功能
I＇m happy·2024-09-03 03:23

SprinBoot+Vue健康管管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

SprinBoot+Vue停车场管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

vue3中用css transform实现组件自由拖拽

在Vue3中，可以使用CSStransform和mousedown、mousemove、mouseup事件来实现组件的自由拖拽。以下是一个简单的例子，展示如何使用这些技术来实现组件的自由拖拽。
天天进步2015·2024-09-02 13:26

Vue 3 中 `async` 函数的示例

在Vue3中，async函数通常用于处理异步操作，例如从服务器获取数据或执行耗时任务。async函数返回一个Promise，并且可以使用await关键字等待异步操作完成。
天天进步2015·2024-09-02 13:26

Vue3优化表单标签与布局，解决文字过长问题（附Demo）

目录前言1.增加标签宽度（生效）2.工具提示Tooltip（勉勉强强）3.缩小字体（不生效）4.CSS控制换行（不推荐）前言好不容易构思整个表单的布局，但是个别表单的文字过长，导致自动换行，遮挡另外的一些组件以下内容将围绕实战进行优化以左上角的文字进行调整：尝试了多种方案，最终才有成效对于其他的方式，诸位也可尝试下1.增加标签宽度（生效）通过增加el-form-item的label-width，让
码农研究僧·2024-09-02 11:48

JAVA基础知识点整理合集（附带思维导图超详细~~~）

今天给大家分享一下我学习完JavaSE的思维导图，可以有助于朋友们对于Java基础语法的掌握，和记忆。详情请下载思维导图（全是干货呦~~~）打开思维导图的软件，各大应用商店皆可下载。
Dd12.3·2024-09-02 05:35

Vue3学习记录——(1)MVC与MVVM

1.传统的MVC模式模型（Model）：数据存储。视图（View）：用户界面。控制器（Controller）：业务逻辑。Model代表数据存储，主要用于实现数据的持久化；View代表用户界面（UI），主要用于实现页面的显示；Controller代表业务逻辑，串联起View和Model1.流行的MVVM模式模型（Model）：数据存储。视图（View）：用户界面。视图模型（ViewModel）：数据
一只漫步前行的羊·2024-09-02 04:03

在vue3中封装WebSocket

下载websocketnpminstallwebsocket或yarnaddwebsocket一、新建webSockte.js文件//webSocket.js//自定义组合式函数，用于管理WebSocket连接import{ref,onMounted,onBeforeUnmount}from"vue";constuseWebSocket=(url,reconnectInterval=10000,m
_Legend_King·2024-09-02 03:57

滴滴前端日常实习一面

简单数据类型和复杂数据类型的区别深拷贝和浅拷贝的区别JSON.stringify有什么弊端怎么判断数组类型Vue3和Vue2的区别Vue生命周期钩子，activated和deactivated用过吗Vue
真的很上进·2024-09-02 01:39

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架✍完整代码地址：front-mini-programe/components/tabbar/tabbar.vue·cheinlu/土拨鼠充电系统-Gitee.com一、先在compo
奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵
2401_84181383·2024-09-01 20:15
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他