❤️❤️--vue3技术栈第11页

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

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

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

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

2024前端面试准备之uniapp篇

语言和技术栈：UniApp使用Vue.js作为开发语言和技术栈，而ReactNative使用React.js，Flutter使用Dart语言。开发者可以根据自己的技术背景和偏好选择合适的框架。

前端fighter·2024-02-20 18:45

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

在普通的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

HTML5+CSS3小实例：广告灯牌效果的loading动画

实例：广告灯牌效果的loading动画技术栈：HTML+CSS效果：源码：【html】广告灯牌效果的loading动画拼命加载中...

艾恩小灰灰·2024-02-20 17:10

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

SSR，云平台，ChatGPT——我的 2023 技术关键词

前言2023年，因为换工作，启动新项目等原因，我对我的技术栈进行了比较大的更新，主要集中在这三个方向：SSR（ServerSideRendering，服务器端渲染）。

·2024-02-20 16:12

技术专栏丨Rust 语言简介及其在 Fabarta 技术栈中的应用

导读：Rust是一门注重性能和安全的系统编程语言，通过其独特的所有权系统、借用系统和类型系统，成功地解决了传统系统编程中的许多难题。其开发者友好的语法、丰富的标准库和强大的社区支持，使得Rust成为当今编程领域中备受关注的语言之一。01引言Rust已经不算是一门年轻的语言了，其诞生时间跟Go语言差不多。2006年Rust作为GraydonHoare的个人项目出现，2007年Google开始设计Go

·2024-02-20 16:29

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

前端技术栈

前端技术栈（概览）2018年02月26日16:02:35阅读数：3025语言只是一种工具，对一个聪明的程序员来说，用没用过什么工具主要是由他原来的工作需要决定，并不能代表他全部的技能。

zzh816_·2024-02-20 14:51

Vue技术栈

Vue的声明周期声明周期的函数Vue中的指令计算属性计算属性复杂操作对象字面量增强写法条件判断v-if的原理:案例小问题:v-show和v-if的区别数组中响应式方法JavaScript中的高阶函数filtermapreducev-model双向绑定v-model原理v-model的修饰符组件化开发父组件和子组件注册组件的语法糖格式父子组件间的通信父子组件的访问方式slot插槽插槽的基本使用具名插

Shansec~·2024-02-20 14:50

【Java前端技术栈】模块化编程

一、基本介绍1.基本介绍1传统非模块化开发有如下的缺点：(1)命名冲突(2)文件依赖2Javascript代码越来越庞大，Javascript引入模块化编程，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块3Javascript使用"模块"（module）的概念来实现模块化编程,解决非模块化编程问题4模块化也是ES6的新特性2.模块化编程原理示意图3.模块化编程分类1.Common

yinhai1114·2024-02-20 14:49

前端技术栈简介和 ES6新特性

前后端技术栈类比ES6简介ES6新特性let新特性作用域//var声明的变量往往会越域//let声明的变量有严格的局部作用域{vara=1;letb=2;}console.log(a);//1console.log

魔舞清华-方·2024-02-20 14:19

【Java前端技术栈】Promise

一、Promise基本介绍1.传统的Ajax异步调用在需要多个操作的时候，会导致多个回调函数嵌套，导致代码不够直观，就是常说的CallbackHell2.为了解决上述的问题，Promise对象应运而生，在EMCAScript2015当中已经成为标准3.Promise是异步编程的一种解决方案。4.从语法上说，Promise是一个对象，从它可以获取异步操作的消息5.Promise也是ES6的新特性，因

yinhai1114·2024-02-20 14:47

使用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

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

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

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

.NET有哪些微服务框架

ID名称说明1ServiceFabricSteeltoe是帮助.NET开发的服务接入SpringCloud技术栈的官方支持工具。

科学的发展-只不过是读大自然写的代码·2024-02-20 13:01

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

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

xjt_beginner·2024-02-20 13:34

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

springboot-vue-供应商招投标采购在线询价管理系统

1.技术栈后端（SpringBoot）:控制器（Controller）处理HTTP请求。服务层（Service）处理业务逻辑。数据访问对象（DAO）与MySQL数据库交互。

软件项目资料查询库·2024-02-20 11:51

JavaWeb，JDBC，Maven

Web:全球广域网，也称为万维网(www)，能够通过浏览器访问的网站JavaWeb:是用Java技术来解决相关web互联网领域的技术栈1，关系型数据库优点：1．都是使用表结构,格式一致，易于维护2．使用通用的

兮如风.·2024-02-20 11:48

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

SpringBoot常见问题

SpringBoot还提供了强大的插件体系和广泛的集成，可以轻松地与其他技术栈集成，比如Thymeleaf模板、JPA、MyBatis、Redis、MongoDB等，同时也支持对

一朝风月S·2024-02-20 09:56

vue3 之数据格式化函数

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

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

推荐频道

❤️❤️--vue3技术栈