vue3项目搭建

第十八节 vue3 elementplus 路由守卫

系列文章目录目录系列文章目录前言操作方法总结前言在Vue中，路由守卫（RouteGuards）是一个用于控制路由访问的机制。它们可以在路由被访问之前或之后执行一些操作，例如检查用户身份验证或权限。VueRouter提供了几种类型的路由守卫：全局前置守卫、全局后置守卫、路由独享的守卫。这节我们主要配置下项目得路由守卫。实现得功能
hongc93·2024-01-23 19:46

vue3项目运行慢 npm run serve 卡在40%不动弹

解决办法安装speed-measure-webpack-plugin查看编译过程中哪些地方消耗时间久，线程多。安装speed-measure-webpack-plugin修改vue.config.js配置插件重新npmrunserveconstSpeedMeasurePlugin=require('speed-measure-webpack-plugin')//查看编译过程constsmp=new
青乌·2024-01-23 19:55

VUE -- 组件库

目前较流行的组件库有：PC端：●ElementUI：ElementUI官网（饿了么前端团队开发，有vue2和vue3两种版本）●AntDesign：AntDesign官网（阿里团队开发）●ViewUI：
煸橙干儿~~·2024-01-23 18:33

vue3中几种封装让后端传参请求方式

1、post请求,但是后端参数不是对象，是一个单参后端//////获取项目服务详情////////////[AllowAnonymous][HttpPost("get-eploymentDetails")]publicasyncTaskGetDetailsAsync(Guidid){returnawait_projectServiceAppService.GetDetailsAsync(id);}
吱吱喔喔·2024-01-23 18:40

vue3如何获取本地json文件和调用后端接口渲染数据(uniapp&vue3)

一、获取本地json文件方式渲染准备：在static目录下存放一个json文件//引入本地jsonimportfixedDatafrom'@/static/data/test.json'//将json中数组给functext（根据自己json文件的层级结构来使用）constfunctext=fixedData.data二、调用后端接口方式渲染uniapp调用接口：{{item.name}}impo
又又爱拍照·2024-01-23 18:54

vue2(Vuex)、vue3(Pinia)、react(Redux)状态管理

vue2状态管理VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它使用集中式存储管理应用的所有组件的状态，以及规则保证状态只能按照规定的方式进行修改。State（状态）:Vuex使用单一状态树，即一个对象包含全部的应用层级状态。这个状态树对应着一个应用中的所有状态。Getters（获取器）:Getters允许你在模板中计算状态。相当于组件中的计算属性。可以对state中的数据进行
又又爱拍照·2024-01-23 17:53

计算机毕业设计：基于python汽车数据采集分析可视化系统+爬虫+django框架

其中，采用了PythonDjango框架和Scrapy爬虫技术实现数据的抓取和处理，结合MySQL数据库进行数据存储和管理，利用Vue3、
q_3375686806·2024-01-23 15:07

自己构建webpack+vue3+ts

先看看我的目录结构（我全局使用TS）：一、安装配置webpack打包安装esnonpminstallesnoesno是基于esbuild的TS/ESNextnode运行时,有了它，就可以直接通过esno*.ts的方式启动脚本，package.json中添加type:“module”，使用esm的模块管理方式。{"name":"create-my-vue-test","version":"1.0.0
strexGM·2024-01-23 15:07

使用vue-qr插件生成二维码

/www.npmjs.com/package/vue-qr安装vue-qr插件npminstallvue-qr--save引入vue-qr//vue2importvueQrfrom'vue-qr'//vue3importvueQrfrom'vue-qr
初级开发·2024-01-23 14:56

Vue3组合式API之getCurrentInstance详解（在行为验证码之滑动验证AJ-Captcha遇到在开发环境可以，测试环境报错）

首先大家知道我们可以通过getCurrentInstance这个函数来获取当前组件的实例对象,也就是当前vue这个实例对象在Vue2中，我们是可以通过this来获取当前组件实例；但是在Vue3中，在setup
小涵涵是程序媛·2024-01-23 14:33

【Spring】Springboot和Springmvc区别有哪些

springboot和springmvc区别：1、SpringMVC提供了一种轻度耦合的方式来开发web应用，它是Spring的一个模块，是一个web框架；2、SpringBoot实现了自动配置，降低了项目搭建的复杂度
南方有乔木·2024-01-23 13:59

SpringBoot、SpringMVC和Spring有什么区别？

框架就像一个家族，有众多衍生产品，例如boot、security、cloud等SpringMVC是Spring的一个模块，是一个web框架SpringBoot是一个整合很多优秀框架的工具，实现了自动配置，降低了项目搭建的复杂度
程序员Forlan·2024-01-23 13:59

Vue3 父组件传值给子组件+以及使用NModal组件

前言：我想实现表格中点击详情弹窗出一个表格展示该行详细信息。想着这个弹窗里用子组件展示。分担父组件下，怕代码过多。（使用NModal组件弹窗展示）等我一波百度，嗯，实现方法挺多嘛，什么refs什么的，看似条条大路通罗马，我一试，一试一条死路/(ㄒoㄒ)/~~，最后也没用到refs（我还是更倾向于用这个，毕竟vue2都是这样），一直说找不到$refs，我还去了解了底层**getCurrentInst
靠着蓝色背景幻想·2024-01-23 12:38

Vue3+Ts：使用i18n实现国际化与全局动态下拉框框切换语言

Vue3+Ts：使用i18n实现国际化与全局动态下拉框框切换语言一、下载依赖：二、创建ts文件并配置main.ts三，如何使用1.在中使用2.在setup中使用四、全局下拉框动态切换一、下载依赖：npminstallvue-i18n
靠着蓝色背景幻想·2024-01-23 12:38

前后端分离项目中实现图形验证码

本次我们通过springboot后端项目生成图形验证码，通过vue3前端项目来展示验证码；在vue3前端项目中新建一个Captcha.vue文件，用来展示图形验证码。新建一个springb
张乔24·2024-01-23 12:35

vue3-组件基础

什么是组件组件允许我们将UI划分为独立的、可重用的部分，并且可以对每个部分进行处理。在实际应用中，组件常常被组织成层层嵌套的树状结构。定义一个组件我们一般会将Vue组件定义在一个单独的.vue文件中，这被叫做单文件组件(简称SFC)：import { ref } from 'vue'const count = ref(0)      你点击了我 {{ count }} 下.  .container
王大可996·2024-01-23 12:34

Vue3+Ts：实现paypal按钮

Vue3+Ts：实现paypal按钮一、前端页面按钮实现第一步：下载paypal.js依赖第二步：引入要使用的vue页面，并调用。
靠着蓝色背景幻想·2024-01-23 12:34

前后端分离，使用vue3整合SpringSecurity加JWT实现登录校验

前端使用vue3进行构建，用到了element-plus组件库、axios封装、pinia状态管理、Router路由跳转等技术。后端还是springboot整合springs
张乔24·2024-01-23 12:33

第五篇 部署Vue3开发的项目

1、背景说明完成vue3项目的开发之后，通过本地环境测试，后面就是生产环境的部署发布了，本文简单说明一下，如何在生产环境发布vue3的项目。
程序员爱技术·2024-01-23 12:20

Vue3中使用hooks，hooks究竟是个啥？如何理解

2.vue3hooks2.1为什么vue3可以使用hooks因为vue2由选项式Api转为组合式Api。底层源码改了好多。组合式API的好处；就是在函数内可以使用声明周期。
呆呆呆呆梦·2024-01-23 09:40

npm install vue3-print-nb --legacy-peer-deps npm ERR!

npminstallvue3-print-nb--legacy-peer-depsnpmERR!codeCERT_HAS_EXPIREDnpmERR!
十一吖i·2024-01-23 08:27

Vue3的ref和reactive

目录1、ref的基本使用2、reactive的基本使用3、ref操作dom4、ref与reactive的异同1、ref的基本使用ref创建数据可以是基本类型也可以是引用类型ref函数创建响应式数据，返回值是一个对象模版中使用ref数据,省略.value，js代码中不能省略获取ref创建数据的值要加上.value//ref函数创建响应式数据，返回值是一个对象//模版中使用ref数据,省略.value
诗霖雪·2024-01-23 07:23

速成版-带您2天学完vue3框架+Element-plus框架

Vue是渐进式的JavaScript框架，易学易用，性能出色，适用场景丰富的web前端框架，vue算是目前最火的web前端框架之一，使用vue可以提升开发体验。Vue组件可以按照两种不同的风格写，即选项式api和组合式api两种。目录一、vue开发准备1.1、安装vscode和node1.2、安装cli工具与创建vue项目1.3、创建一个vue项目(最新)1.4、Vue项目的目录结构二、vue基础
nuist__NJUPT·2024-01-23 06:45

vue3前端开发,如何引入element-plus前端框架及配置参数

vue3前端开发,如何引入element-plus前端框架及配置参数！这是一个简单的教程，帮助大家快速在自己的项目中引入element-plus框架。主要是介绍的引入流程和参数的配置情况。
yrldjsbk·2024-01-23 06:10

vue3使用 echarts - 饼图、折线图

下载安装npminstall-Secharts使用饼图-带中心图形-graphic-elementsimport{onMounted,ref,reactive,unref,nextTick}from"vue";import*asechartsfrom"echarts";importcirclefrom"@/assets/panel/circle.png"importstarfrom'@/asset
浮桥·2024-01-23 06:06

vue3使用element plus树形选择器懒加载回显失败问题。

vue3使用elementplus树形选择器懒加载回显时树形数据还未加载完成，回显时显示的的绑定值，不是要显示的名称。
浮桥·2024-01-23 06:36

Vue3新特性defineModel()便捷的双向绑定数据

官网介绍传送门配置要求：版本：vue>=3.4(必须！！！)配置：vite.config.js使用场景和案例使用场景：父子组件的数据双向绑定，不用emit和props的繁重代码具体案例代码实现父组件//子组件constshowDevice=ref(false)//控制子组件的显示和隐藏子组件//点击子组件就取消的按钮import{defineModel}from'vue'constmodel=de
珊珊而川·2024-01-23 05:34

Vue 兄弟组件通信

在Vue3中，以下是五种常用的方法来实现兄弟组件之间的通信：使用共享状态（SharedState）：创建一个共享的数据仓库（store），可以使用Vuex或者Vue3的新特性CompositionAPI
珊珊而川·2024-01-23 05:34

Vue 兄弟组件通信

在Vue3中，以下是五种常用的方法来实现兄弟组件之间的通信：使用共享状态（SharedState）：创建一个共享的数据仓库（store），可以使用Vuex或者Vue3的新特性CompositionAPI
珊珊而川·2024-01-23 05:34

【Vue3+Ts项目】硅谷甄选 — 菜单权限+按钮权限

一、菜单权限1.1路由拆分将项目路由拆分为：静态路由：login、404、home、screen异步路由：权限管理（包含三个子路由）、商品管理（包含四个子路由）任意路由：任意路由src/router/routes.ts//对外暴露配置路由（常量路由）：全部用户都可以访问到的路由exportconstconstantRoute=[{//登录path:'/login',component:()=>im
唧唧bong_·2024-01-23 04:44

云风网（www.niech.cn）个人网站搭建（九）html静态菜单列表替换为接口请求动态数据

Reactreact中文文档，Web和原生交互界面的库Angularangular中文文档，构建未来的Web开发框架ElementPlus基于Vue3，面向设计师和开发者的UI组件库
niech_cn·2024-01-23 04:41

tsconfig.json配置详解

使用vite创建vue3项目中会自动生成三个tsconfig相关的文件，分别是：tsconfig.json、tsconfig.node.json、tsconfig.app.json。
菊の物语·2024-01-23 03:02

认识Typescript | Vue3源码举例

初次见面官方对其只用了一句话来描述TypeScriptisatypedsupersetofJavaScriptthatcompilestoplainJavaScript.Anybrowser.Anyhost.AnyOS.Opensource.大致意思为，TypeScript是开源的，TypeScript是JavaScript的类型的超集，它可以编译成纯JavaScript。编译出来的JavaScr
白茶_别事·2024-01-23 03:57

vue3使用自定义组件内方法

重点使用defineExpose来导出方法//childimport{ref,Ref}from'vue'constprop:Ref=ref('child')constmethod=(val:string)=>{console.log(val)}defineExpose({prop,method,})//fatherimport{ref}from'vue'importchildfrom'./chil
秋色暮光·2024-01-23 02:50

vue3如何使用自定义组件内的方法？

$refs.方法名的方式进行使用而在vue3中想使用自定义组件中的方法或者值时需要使用编译器宏将方法和值暴露出来具体说明看文档单文件组件|Vue.js示例：给子组件起个名字吧=>{{name}}import
日夜熬夜使我黑眼圈·2024-01-23 02:50

Vue3组件库开发 之Button(2) 未完待续

Vue3组件库开发之Button(1)中新建项目，但未安装成功ESLINT安装ESLINTnpminstalleslintvite-plugin-eslint--save-dev安装eslint后，组件文件出现错误提示添加第三方
土井塔克树1412·2024-01-23 02:14

vue3-vite前端快速入门教程 vue-element-admin

Vue3快速入门学习初始化项目#创建项目npmcreatevite@latestmy-vue-app----templatevue#安装依赖npmi#运行npmrundev模板语法文本插值最基本的数据绑定形式是文本插值
O丶ne丨柒夜·2024-01-23 02:19

Vue3相较于Vue2做出了那些改变

1.整体优化1.性能方面的提升1.1首次渲染更快1.2diff算法更快1.3内存占用更小2.更好的Typescript支持3.CompositionAPI（这是重点内容）2.项目搭建与Vue2搭建项目一样
xihuhu·2024-01-23 01:45

Vue 2和Vue 3的区别：迈向更强大的前端开发

在这篇博客中，我们将探讨Vue.js的两个重要版本：Vue2和Vue3之间的区别。我们将深入研究这两个版本的新功能、性能改进以及开发体验的变化。
沙尘暴炒饭·2024-01-23 01:15

「翻译」Vue3 相比 Vue2 都有哪些优化？

在过去的一年中，Vue团队一直在研究Vue.js的下一个主要版本，我们希望在2020年上半年发布该版本。（在撰写本文时，这项工作仍在进行中。）Vue的新的主要版本的构想形成于2018年年末，当时Vue2的代码库已经两年半大了。在通用软件的生命周期中听起来可能并不长，但是在此期间，前端环境发生了翻天覆地的变化。有两个主要的因素促使我们开发(重写)Vue新的主要版本：首先是主流浏览器普遍支持了新的Ja
小生方勤·2024-01-23 01:15

Vue 3的响应式框架：性能和开发效率的提升

Vue3的响应式框架：性能和开发效率的提升本文介绍了Vue3响应式框架在性能和开发效率方面的提升。作为Vue.js框架的最新版本，Vue3引入了新的虚拟DOM算法，提高了渲染性能。
尘缘..·2024-01-23 01:15

vue3相比vue2的效率提升

1、静态提升2、预字符串化3、缓存事件处理函数4、BlockTree5、PatchFlag一、静态提升在vue3中的app.vue文件如下：在服务器中，template中的内容会变异成render渲染函数
_处女座程序员的日常·2024-01-23 01:14

Vue3相较于Vue2有哪些性能提升？

Vue3相较于Vue2有以下性能提升：渲染性能提升：Vue3采用了重写的响应式系统，使用Proxy对象替代了Vue2中的Object.defineProperty，减少了getter和setter的开销
Gjing_123·2024-01-23 01:44

史上最快Maven速成——一篇文章搞定Maven工具，三小时让你的项目构建直接起飞！！！

的意义Maven是什么Maven的调用常用Maven命令Maven联网下载Maven的核心（1）第一个Maven程序（2）POM（3）坐标（4）依赖（5）仓库（6）生命周期（7）继承（8）聚合Maven项目搭建
柠笙·2024-01-23 00:45

.NET开源的简单、快速、强大的前后端分离后台权限管理系统

前言今天分享一款前端基于Vue3，后端基于.NET8开源的免费（MITlicense）、简单、快速、强大的前后端分离后台权限管理系统：中台Admin（Admin.Core）。
追逐时光者·2024-01-23 00:08

使用Element-Plus 加载style

vue-chrome-extension简介chrome扩展开发插件基于vue3、ts、ElementPlus、Webpack5、axios、less开发支持content快速调用chrome对象及axios
wyg_031113·2024-01-22 23:03

vue3自定义指令

在Vue3中，我们可以通过使用app.directive方法来定义自定义指令。下面是一个简单的例子：HelloVue3!
我爱学习yq·2024-01-22 23:19

Vue3实现el-table自动滚动

letcameraList=ref([]);consttableNode=ref(null);letscrollTableOne=ref("");constscrollTable=()=>{if(cameraList.value){tableNode.value=scrollTableOne.value.$refs.bodyWrapper.getElementsByClassName("el-sc
云隙阳光i·2024-01-22 20:42

vue3-路由配置

进行路由配置import{createRouter,createWebHistory}from'vue-router'importLoginfrom'@/views/Login/index.vue'importLayoutfrom'@/views/Layout/index.vue'importCategoryfrom'@/views/Category/index.vue'importHomefro
是老虎是狮子不是大象·2024-01-22 17:59

vue3-吸顶导航

吸顶导航当滑动滚轮大于78px时，触发show样式//vueUse//y为滑动滚轮的距离import{useScroll}from'@vueuse/core'const{y}=useScroll(window)css设计
是老虎是狮子不是大象·2024-01-22 17:59
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他