Vue3学习之路第9页

vue3.0+ts+element-plus多页签应用模板：多级路由缓存

二、路由扁平化三、定义tag模块处理路由缓存四、切换路由时加入缓存五、使用keep-alive系列文章vue3.0+ts+element-plus多页签应用模板：前言vue3.0+ts+element-plus

W先生-SirW·2024-02-20 19:24

Vue3+vite搭建基础架构（11）--- 菜单栏功能和Tab页功能实现

Vue3+vite搭建基础架构（11）---菜单栏功能和Tab页功能实现说明删除项目中不需要的文件userStore全局属性代码菜单栏代码Tab页代码解决浏览器输入地址时不会打开tab页问题和切换tab

谁不想飞舞青春·2024-02-20 19:23

继续教育公需科目试题及答案，分享几个实用搜题和学习工具 #经验分享#经验分享

今天，我将向大家介绍备受大学生欢迎的日常学习工具，希望能为你们的学习之路添砖加瓦。1.试题易这是一个网站涵盖初高中／大学／专升本／考研／成人自考／各类资格证等等考试题目，同时支持截图搜题、语音

红色小鬼头·2024-02-20 19:29

vue2和vue3中sass的使用

我们将讨论如何在Vue2和Vue3版本中使用Sass。

·2024-02-20 19:34

vue2和vue3 通过函数调用一个组件

实现一个简单的弹窗组件：vue2函数式组件写法，通过extend方法：创建ui.vue文件，存放我们的组件，如下：你好关闭.dialog{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:rgba($color:#000000,$alpha:0.2);&-body{width:500px;height:300

·2024-02-20 19:01

cpp程序员速成rust（更新中）

前言cpper在学习rust过程中会免不得将rust的语法跟cpp做对比，所以特开此坑，在此记录下来我的rust学习之路，仅供参考。

_沥川往事·2024-02-20 18:52

vue3项目配置按需自动导入API组件unplugin-auto-import

场景应用：避免写一大堆的import，比如关于Vue和VueRouter的1、安装unplugin-auto-importnpmi-Dunplugin-auto-import2、配置vite.configimportAutoImportfrom'unplugin-auto-import/vite'//按需自动加载API插件AutoImport({imports:["vue","vue-router

菜鸟茜·2024-02-20 18:45

利用vite快速搭建vue3项目

1、选择一个文件夹，在vscode终端打开，输入命令【npmcreatevite@latest】npmcreatevite@latest2、提示你输入项目名称之后，我这里设置的是【rookiedemo】3、回车之后，出现选择框架的提示，我们选择【vue】回车4、之后根据你的编码习惯或需要，选择【ts】或者【js】，点回车5、vite非常贴心，按照对应的提示，即可6、【cdrookiedemo】进入

菜鸟茜·2024-02-20 18:15

vue3项目配置按需自动引入自定义组件unplugin-vue-components

我们通常在项目中，需要手动引入自定义的各种组件，如果涉及的页面功能比较多的话，光是import的长度都能赶上春联了。如果，能有一个插件帮我们实现自动引入，是不是要谢天谢地了呢？接下来就进入我们的主角unplugin-vue-components，这就是前端大神AnthonyFu写的的非常好用的插件，其实已经被vite官方收录了1、安装unplugin-vue-componentsnpmiunplu

菜鸟茜·2024-02-20 18:39

学习能增强勇气

自从接触“焦点”，重新走上学习之路以来，久而久之，我发现，面对任何一件事，即使以前从未接触过，我想，只要从心理上接受，就会想方设法去考虑它的设计方案，执行计划等相关事宜，这样，就有可能圆满完成这项工作。

快乐一生_87e8·2024-02-20 17:38

在普通的html页面用Vue3组合式API写的项目（无需Node.js环境和构建项目）

摘要Vue.js的优点有很多，但是其使用门槛对于只学习过普通的项目的同学来说，还是比较有挑战性的，如果你真的想把Vue学的很溜，真的需要一个非常系统的学习才能运用起来。因为学习Vue你不仅仅是学习他的语法、API和一些开发的规范，你还要学习构建工具的使用、调试、打包等等，有些人连最基本的开发环境都还没能顺利搭建起来。如果你不想使用Vue强大的生态和工具，只想在html页面中使用Vue也是可以的，因

·2024-02-20 17:54

Vue 3的provide和inject用法

了解Vue3的provide和inject用法前言在组合式API中的用法基本用法前言provide和inject在Vue2中已经被广泛应用，不是新鲜API，3.0重新认识一下它们两个。

超人不会飞°ོ·2024-02-20 17:44

react的createContext及useContext 和 vue3的 provide 及 inject

这几个方法都是用于多层嵌套组件时，父组件向某个深层组件的传值，避免了props一层一层的传递。reactcreateContext和useContext新建context.ts文件：import{createContext}from'react'exportconstMyContext=createContext(null)父组件：import{MyContext}from'./context'i

Mosowe·2024-02-20 17:13

vue3使用provide/inject实现全局变量功能，部分摆脱vuex

vue3新的provide/inject功能可以穿透多层组件，实现数据从父组件传递到子组件。这时将所有需要使用的全局变量在根组件就provide，这样，所有的组件都能使用到这个变量。

炎魔之王·2024-02-20 17:43

vue3中，ref()、reactive()、computed()、watch() 和 watchEffect()的区别

ref()、reactive()、computed()、watch()和watchEffect()是Vue3中常用的响应式处理函数，它们的主要区别如下：ref()：ref()函数用于将一个普通的JavaScript

hzxOnlineOk·2024-02-20 17:12

在Vue3中使用Provide / Inject

前面已经讲了浅谈Vue2中provide和inject使用，今天讲讲在Vue3中如何使用provide和injectVue3的写法已经和Vue2有所不同，因此需要熟悉Vue3的写法，其实变动不大，现在官方文档也有详细介绍

NMGWAP·2024-02-20 17:12

vite+ts+vue3项目初始化 -- eslint+prettier代码格式化

vue3+ts项目初始化配置--eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar

weixin_43993776·2024-02-20 17:55

Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）

相信有些开发者还没开始学Vue3，但又想尝尝Vite。那可以参考本文的进食方式。如果心急的话，“0、简介”可以跳过。0、简介在写本文时，Vite默认不提供Vue2项目的创建方式。

德育处主任Pro·2024-02-20 17:23

vue3+vite插件配置系列1-vite-plugin-pages搭配vue-router

介绍vite插件，可以读取文件夹下的vue文件，自动生成vue-router的路由信息，这样以后每次有新的vue页面增加，都不用去更改vue-router的路由信息代码了，减少了工作量使用1.下载[email protected]配置importPagesfrom"vite-plugin-pages"export

永远不会太晚·2024-02-20 17:51

TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建

1.TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建1.1使用Vite初始化Vue3+TypeScript项目开发Vue3项目首先要确保电脑上安装了Vite脚手架，本节课程略过

随风小薇·2024-02-20 17:21

【退役之重学前端】使用vite+vue3+vue-router，重构react+react-router前后端分离的商城后台管理系统

——2024年2月16日技术选型#语言和框架vue3sassbootstrapES7#架构前后端分离分层架构模块化开发#前端构建工具npmvite#代码管理工具git

williamdsy·2024-02-20 16:18

pinia的使用

所以在开发vue3的项目

零凌林·2024-02-20 16:47

Pinia状态管理器持久化

难免会用到vuex这个状态管理器，但是我们都知道，vuex是没法做持久化的，一刷新就会丢失数据，这个时候我们又需要持久化，就得搭配缓存，比如LocalStorage，SessionStorage;而在vue3

零凌林·2024-02-20 16:46

uniapp-vue3-dylive：基于uni-app+vue3+pinia短视频直播商城|uniapp仿微信直播

已经2024年了，大家学习计划flag安排上没有，最近一直在捣鼓uniapp整合vue3开发跨端项目uniapp-dyLive。

·2024-02-20 16:46

【2023】uniapp+vue3+ts超实用模板(续）

【2023】uniapp+vue3+ts超实用模板（续）接着上篇文章【2023】uniapp+vue3+ts超实用模板，我们继续优化模板。

·2024-02-20 16:13

vue3实现瀑布流布局组件

先看效果图直接上代码utils.js//用于模拟接口请求exportconstgetRemoteData=(data='获取数据',time=2000)=>{returnnewPromise((resolve)=>{setTimeout(()=>{console.log(`模拟获取接口数据`,data)resolve(data)},time)})}//获取数组随机项exportconstgetRa

guizi0809·2024-02-20 16:20

node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查

文章目录⭐前言⭐功能设计与实现node后端操作数据库实现增删改查vue3前端实现增删改查⭐效果⭐总结⭐结束⭐前言大家好，我是yma16，本文分享关于node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查

yma16·2024-02-20 14:22

使用AI开发一个红包封面生成器

使用VUE3，和Express开发一个红包封面。生成效果如下赠送领取封面：链接体验地址：https://hongbao.digitalmodel.top/

小~小·2024-02-20 14:46

Vue3中setup函数、以及父子组件传值讲解

文章目录1.vue3中setup函数的执行时机2.setup函数的两种写法2.1普通写法2.2语法糖写法3.vue3父组件给子组件传值。

包小志·2024-02-20 14:02

vue3中的setup()函数详解

个人主页：前端青山系列专栏：Vue篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:vue3-setup()函数目录setup()函数1.1基本使用1.2访问Prop1.3Setup

前端青山·2024-02-20 14:59

深入理解 Vue3 中的 setup 函数

欢迎来到我的博客，你将找到有关如何使用技术解决问题的文章，也会找到某个技术的学习路线。无论你是何种职业，我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章，也欢迎在文章下方留下你的评论和反馈。我期待着与你分享知识、互相学习和建立一个积极的社区。谢谢你的光临，让我们一起踏上这个知识之旅！文章目录OptionsAPI与CompositionAPI对比介绍setup的返回值Setup语

小馒头学python·2024-02-20 14:28

java学习之路（3）-JAVA_HOME环境变量配置

win+i>>找到高级系统设置>>环境变量>>系统变量新建path中添加'%JAVA_HOME%\bin'

ouxiaoxian·2024-02-20 13:11

java学习之路（2）-编译java文件运行Java文件

创建.java后缀文本文件HelloWorld.java写入代码：publicclassHelloWorld{publicstaticvoidmain(String[]args){System.out.println("HelloWorld");}}运行cmd命令找到代码所在目录输入javac编译Java文件生成HelloWorld.class编译:javac是JDK提供的编译工具，我们可以通过这

ouxiaoxian·2024-02-20 13:10

java学习之路（1）-隐藏桌面图标从CMD命令中打开软件

1.找到文件所在路径：2.将文件路径添加到环境变量中3.win+r打开cmd输入命令（目录后面的QQScLauncher.exe）直接可以打开QQ软件，删除桌面图标，别人就找不到了，只能通过cmd命令或者是找到安装包所在位置才能打开软件

ouxiaoxian·2024-02-20 13:40

阿基米德签证小程序管理系统功能清单

阿基米德签证小程序管理系统，底层架构采用当前国内最流行的php框架thinkphp8.0、采用广泛使用的MYSQL数据库，管理后台前后台分离，同时使用了当今最流行的基于VUE3和elementPlus前端框架

旅行社saas·2024-02-20 13:36

npm 创建 vite-app项目遇到问题

node_cache--global\_npx\13280'commandnotfound:create-vite-app如果使用的是webStrom里的命令提示符创建项目npminitvite-appvue3

xjt_beginner·2024-02-20 13:34

一个00后的蜕变之路，一定要看到最后

我跟很多人聊过天，每当跟他们说起学习的时候，自己都不以为然，我一般也不反对他们说的那些话，在当今这个社会，读书很重要，我当初放弃了学习之路，有一部分原因是因为我自己胆小，经常收到同桌欺压不敢跟老师家长讲

薄荷味日记·2024-02-20 12:10

vue3+ts项目搭建

⛰️个人主页:蒾酒系列专栏：《vue3实战》山高路远，行路漫漫，终有归途。

蒾酒·2024-02-20 12:18

Vue | （二）Vue组件化编程 | 尚硅谷Vue2.0+Vue3.0全套教程

文章目录模块与组件、模块化与组件化非单文件组件基本使用关于组件的几个注意点组件的嵌套单文件组件一个.vue文件的组成实例学习链接：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通，本文对应

啦啦右一·2024-02-20 12:17

Vue | （三）使用Vue脚手架（上） | 尚硅谷Vue2.0+Vue3.0全套教程

文章目录初始化脚手架创建初体验分析脚手架结构关于render查看默认配置ref与propsref属性props配置项混入插件scoped样式学习链接：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs

啦啦右一·2024-02-20 12:13

我的英语学习之路（二）

昨晚英语课结课了。从6月26日到8月6日，周一到周四每晚两个小时，连续上了六周的课。每天下班后匆匆忙忙赶去课室，课室较偏买快餐很困难（时间不允许走得更远些去吃饭），我的晚餐基本就是一块饼两个包之类的，看到从更远的地方下班赶过来的同学争分夺秒地吃着晚餐，我不禁感慨上班族用业务时间学习真不容易。不过大家都是自愿来学习的，没人有怨言，学习气氛还是很浓的，大家经常是一边吃着面包一边讨论昨天老师布置的作业。

LydiaYY98·2024-02-20 11:30

vue3 使用 vant4时 Uncaught (in promise) TypeError: api.now is not a function vue-devtools

如图，在使用vue3+vant4.x开发Tabbar时，一切按照官网文档demo的示例写的然后在运行的时候，发现tabbar无法切换路由，并且控制台显示以下内容在多次cn.bing无果后只能自己找问题于是点开代码找到对应错误的位置

_终会遇见_·2024-02-20 10:36

第20-21讲、Vue3.x中集成Typescript 使用Typescript

一、Vue3.x集成TypescriptTs基础教程：https://www.itying.com/goods-905.html#1\.InstallVueCLI,ifit'snotalreadyinstallednpminstall

我爱张智容·2024-02-20 10:21

vue3 之商城项目—封装SKU组件

认识SKU组件SKU组件的作用产出当前用户选择的商品规格，为加入购物车操作提供数据信息，在选择的过程中，组件的选中状态要进行更新，组件还要提示用户当前规格是否禁用，每次选择都要产出对应的sku数据SKU组件的使用假如你在开发的过程中要使用别人开发好的组件，重点看什么？props和emit，props决定了当前组件接收什么数据，emit决定了会产出什么数据点击规格准备模版渲染规格数据import{o

jiojio冲冲冲·2024-02-20 09:31

Vue3 学习笔记（Day2）

写在前面本文为尚硅谷禹神Vue3教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。

·2024-02-20 09:13

vue3 之数据格式化函数

在很多项目中，都会有数据字典表，前端通过请求后端拿到数据字典表里的数据，一般在页面列表上面状态数据都会是返回的数字，前端需要把数字转换成字典表里对应的数据值，下面写了一个前端写死的数据，stateMap里的数据可以换成从接口请求过来的数据//创建格式化函数constfomartPayState=(payState)=>{conststateMap={1:'待付款',2:'待发货',3:'待收货',

jiojio冲冲冲·2024-02-20 09:25

Pinia 官网速通

前言：参考Pinia中文文档，在Vue3配合ts中的使用。一：介绍1.什么是PiniaPinia是Vue的存储库，允许跨组件/页面共享状态。1.1.为什么要使用Pinia？

yqcoder·2024-02-20 09:54

Vue-Router 官网速通

前言：参考VueRouter，本文档例子使用vue3语法。一：介绍1.什么是VueRouter是Vue.js的官方路由。功能包括：1.路由映射。2.动态路由。3.路由配置。4.路由参数。5.过渡效果。

yqcoder·2024-02-20 09:23

【GRU回归预测】麻雀算法优化注意力机制卷积神经网络结合双向门控循环单元SSA-Attention-CNN-BiGRU数据预测（多输入多输出）【含Matlab源码 3905期】

个人主页：海神之光代码获取方式：海神之光Matlab王者学习之路—代码获取方式⛳️座右铭：行百里者，半于九十。

Matlab领域·2024-02-20 09:14

【VSCode】设置一键生成vue模板的快捷入口

解决办法文件=>首选项=>用户代码片段=>vue.json配置vue模板其中prefix是用来触发代码段的内容，即模版的快捷入口；body里配置的就是模板内容，我这里使用的是vue3的模板；description

只会CV只会CV只会CV·2024-02-20 08:47

推荐频道

Vue3学习之路