vue3工程化第36页

.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

vue3完整的登录页面,element-plus

Createimport{ref,reactive}from'vue';importtype{FromItemRules,FormInstance}from"element-plus"//donotusesamenamewithrefinterfaceIform{user:string;password:string;}constforms=reactive({user:'',password:'

paul jeorgh·2024-01-22 17:28

vue3hooks的使用

vue3借鉴reacthooks开发出了CompositionAPI，所以也就意味着CompositionAPI也能进行自定义封装hooks。

paul jeorgh·2024-01-22 17:28

vue3-图片懒加载指令实现

图片懒加载：有些网站页面比较长，用户不一定访问到页面靠下面的图片，这类图片通过懒加载优化手段可以做到只有进入视口区域才发送图片请求指令用法//在图片img身上绑定指令，该图片只有正式进入到视口区域时才会发送图片网络请求使用Vueuse的一个函数来监听是否到达需要懒加载图片的位置，如果为true则发送图片请求import{useIntersectionObserver}from'@vueuse/co

是老虎是狮子不是大象·2024-01-22 17:28

从争议到巅峰：Vue3 的奇迹之旅 —— 从‘海贼王’到‘灌篮高手’的变革历程

Vue官方团队在2023年的最后两天发布了Vue3.4的版本命名为“SlamDunk”（灌篮高手）。Vue3自2020年发布，到目前为止已经有三年半的时间（想不到吧，Vue3已经发布了这么久了）。

程序员Sunday·2024-01-22 13:09

vue3跨域请求及一些常用配置

在使用vue3开发的时候，总免不了做一些基础的配置。比如跨域配置，一些常用函数的封装等等。接下来，我就做一些自己在在开发中所运用到一些常用配置。

爱敲代码的小冰·2024-01-22 13:52

vue组件间通信

vue3已不支持children获取子组件，从而获取子组件的属性和方法。vue3已不支持chil

程序员-小许·2024-01-22 12:08

微前端-无界wujie

主项目安装无界vue2项目：npmiwujie-vue2-Svue3项目：npmiwujie-vue3-S主项目main.js中引入无界importWujiefrom'wujie-vue2'const

前端大颖颖·2024-01-22 12:52

vite 创建项目流程 + vue3学习

1.创建vite项目cmd打开终端npminitvite输入项目名选择vue框架选择使用js2.打开项目文件配置路由npmi初始化项目npminstallvue-router安装路由新建router文件创建index.js内容：import{createRouter,createWebHashHistory}from"vue-router";constroutes=[{path:"/",redir

weixin_heye·2024-01-22 12:50

#2Vite+Vue3+SpringMVC前后端分离解决跨域问题和session每次请求不一致问题

目录一、尝试通过配置请求头和响应头解决（跨域解决了，但session每次请求都不一致）1、axios配置2、后端过滤器配置3、问题复现4、尝试解决（失败）5、小结二、Vite配置Proxy代理解决跨域问题（本地环境）1、axios配置2、vite.config3、后端4、测试三、Nginx反向代理解决跨域问题（测试、生产环境）1、只需在nginx配置如下2、测试四、总结跨域常用解决方案包括：一、尝

wbzybfa·2024-01-22 11:16

#8Jenkins(Windows)管理Vite+Vue3工程

目录1、安装nodejs2、配置nodejs3、工程配置（非流水线模式）1、安装nodejs如果版本不兼容的，找到历史版本中与Jenkins版本相匹配的下载然后使用高级中的DeployPlugin安装即可NodeJS2、配置nodejsGlobalToolConfiguration下进行如下配置安装目录为当前Windows下已安装的nodejs的目录3、工程配置（非流水线模式）此处的配置跳过了检出

wbzybfa·2024-01-22 11:13

前端上传图片至OSS

环境：VUE3+NODEJS16一、第一步肯定是引入依赖在package.json文件中的dependencies加上"ali-oss":"^6.17.1"如下代码所示：//加入后的整体展示"dependencies

曾小白不想写SQL·2024-01-22 11:00

vue3中Fragment特性的一个bug，需要留意的注意事项

vue3中的Fragment模版碎片特性是什么，简单的理解就是template模板代码不在像vue2中那样必须在根节点在包裹一层节点了。

天渺工作室·2024-01-22 10:20

看vue3源码可以学到什么 : 二、Git Log规范

前言上篇中主要介绍了Vue3中Readme的相关内容。看完Readme文档,对Vue3的功能及特性有了解后可以开始准备有的放矢的深入源码了。

gamedilong·2024-01-22 08:55

基于YOLOv5、v7、v8的竹签计数系统的设计与实现

系统设计与实现三、模型评估与优化①Yolov5②Yolov7③Yolov8四、模型对比前言该系统是一个综合型的应用，基于PyTorch框架的YOLOv5、YOLOv7和YOLOv8，结合了Django后端和Vue3

心无旁骛~·2024-01-22 08:07

为大模型工程提效，基于阿里云 ACK 的云原生 AI 工程化实践

作者：张凯背景以GPT（GenerativePre-trainedTransformer）和Diffusionmodel为代表的大语言模型（Largelanguagemodel，LLM）和生成式人工智能（Generativeartificialintelligence，GAI）在过往两年，将人们对AI的梦想与期待推向了一个新高峰。这一次，AI带来的“智能”效果和“涌现”能力，吸引着千行百业都在积极

阿里云云原生·2024-01-22 07:13

前端框架学习 Vue (1) 概念,常用指令

是什么概念:Vue是一个用于构建用户界面的渐进式框架1.构建用户界面:基于数据动态渲染页面2.渐进式:循序渐进的学习(学一点就能用一点)(1)Vue核心包开发场景:局部模块改造(2)Vue核心包&Vue插件工程化开发场景

Flyoungbuhu·2024-01-22 06:30

VUE3+elementPlus之子组件直接修改父组件的值（父子组件props双向绑定）

直接上代码：子组件：//组合式apiconstprops=defineProps({modelValue:{type:[Number],default:undefined,},});interfaceTree{id:number;name:string;children?:Tree[];}/**部门树节点Click*/constemits=defineEmits(["node-click"]);/

赫兹/Herzz·2024-01-22 06:22

vue3-模版引用ref

1.介绍概念：通过ref标识获取真实的dom对象或者组件实例对象2.基本使用实现步骤：调用ref函数生成一个ref对象通过ref标识绑定ref对象到标签代码如下：父组件：import{onMounted,ref}from'vue'importSonComfrom'@/components/Son-com.vue'//获取元素consttitleRef=ref(null)//修改元素内容constu

盖盖衍上·2024-01-22 03:17

vue3中vite.config.js文件常用配置

文章目录配置root：base：publicDir：plugins：optimizeDeps：server：build：resolve：配置vite.config.js文件是Vite项目的配置文件，通过该文件你可以对Vite进行一些配置，包括插件配置、构建配置、开发服务器配置等。以下是一些常用的。以下是一些常用的vite.config.js配置选项：root：该选项指定项目的根目录。默认情况下，V

我胡为喜呀·2024-01-22 03:16

Module ‘“xx.vue“‘ has no default export.Vetur(1192)

使用Vue3测试时有如下代码：importHelloWorldfrom'.

phyit·2024-01-22 02:37

vue3 onMounted的坑

onMounted的坑当放在return后面只显示onmounted里面的函数我是Vue3name:{{name}}age:{{age}}{{position.age}}{{position.p}}{{

phyit·2024-01-22 02:37

UI -- Vue3

Vue3模板Vue3UIpackage.json同级components/slButton/element.vue测试321defineOptions({name:"sl-button"});.dddivspan

平凡シンプル·2024-01-22 01:32

vue3组合式API

系列文章目录前端系列文章——传送门后端系列文章——传送门文章目录私人博客系列文章目录组合式APIsetuprefreactivecomputedwatch其他组合API注组合式APIvue3的文件中，Vue

许小墨~·2024-01-21 23:38

从vue2到vue3，一文带你看完vue3的新特性

前言这篇文章的主要意义是：针对想要从vue2快速迁移到vue3的朋友，快速理解vue3的新特性。为了让大家更好的理解，我会从设计者的角度来讲为什么vue3要这样设计api。

凯der苦练心态·2024-01-21 23:38

vue3选项式API

系列文章目录前端系列文章——传送门后端系列文章——传送门文章目录私人博客系列文章目录vue3选项式API注vue3选项式APIvue3提供了两个语法，一个叫选项式API；另一个叫组合式API。

许小墨~·2024-01-21 23:08

同事都说我卷，趁着午休我 —— 彻底熟练使用《Vue3的选项APi》

总结：mixin造成的问题：mixin—全局Vue2与Vue3的区别OptionsAPI的弊端setup函数有哪些参数?

彩色之外·2024-01-21 23:07

关于Vue3组合式API(Composition API)的个人理解

首先，关于组合式API现已有众多大佬发布了相关介绍及相关教程，但是个人在学习过程中还是花了比较多的时间去理解“组合式API”这个概念。因为目前搜索引擎排的比较前面的文章其实约等于是摘抄了一下官方文档，我并没有找到能够快速让新手形成一定认识并直接上手的文章，所以我总结一下自己目前的认识（用于记录方便以后查看，希望能对其他同学有所帮助），本人菜鸟若描述不当，请轻喷！！！！！！组合式API的目的是分离项

[十九]统一老坛·2024-01-21 23:37

看懂vue3项目所需的一些基础知识

CompositionAPI(组合式API)1、setup和ref的基本使用count：{{count}}m1:{{m1}}m2:{{m2}}更新import{ref}from'vue'exportdefault{/*使用vue3

归途。·2024-01-21 23:37

拥抱组合式API：vue3的script setup解析看这篇就够

vue3除了CompositionAPI是一个亮点之外，尤大大又给我们带来了一个全新的玩意——scriptsetup，对于setup大家相信都不陌生，而对于scriptsetup有些同学则表示难以理解，

智密科技·2024-01-21 23:36

vue3组合式 API:使用axios调接口方式

使用方式：新建request.js文件。封装axios请求:注入请求拦截器：做请求前处理（参数加密，接口带token等等）。响应拦截器：（响应参数处理）项目安装axiosnpminstallaxios-S代码实现（注意util文件我就不复制了，将就看。。。。实在不懂看我给axios添加加密文章添加链接描述）baseUrl还是懂的吧importaxiosfrom'axios'importutilfr

Life a dream·2024-01-21 23:35

C++——数组、多维数组、简单排序、模板类vector

个人简介个人主页：前端杂货铺‍♂️学习方向：主攻前端方向，正逐渐往全干发展个人状态：研发工程师，现效力于中国工业软件事业人生格言：积跬步至千里，积小流成江海推荐学习：前端面试宝典Vue2Vue3Vue2

前端杂货铺·2024-01-21 23:35

带你看懂Vue3的组合式Api

但是在vue3中这个插件就显得捉襟见肘了，比如vue3的多片段这个插件就会报错。

Mangcun_tutu·2024-01-21 23:05

Vue3+ElementUIPlus颜色选择器，Ruoyi框架动态替换图片

需求为，需要动态的替换头部和底部图片的颜色，通过固定的颜色要实现可以动态的通过颜色，去替换的效果。一、通过将选择的颜色，通过Vuex来进行一个存储，用户后续的使用/**改变主题*/constchangeTheme=()=>{handleTheme('theme-custom',{menuBgColor:customForm.value.menuBgColor,menuColor:customFor

kangkang-·2024-01-21 23:22

ElementUi+Vue+SpringCloud+Forest上传前后端联调

项目场景：实现后台上传图片本次使用vue3加elementUI的upload组件实现功能表单中的参数，需要通过上传来完成，一般有二种情况在上传一.上传后直接调用后端通用上传工具，在文件服务中调回来用Url

kangkang-·2024-01-21 23:21

Vue3+ElementUI 多选框中复选框和名字点击方法效果分离

现在的需求为比如我点击了OptionA，触发点击OptionA的方法，并且复选框不会取消勾选，分离的方法。{{item.modelName}}通过Vue事件处理的方法.prevent来阻止。

kangkang-·2024-01-21 23:50

zxz-uni-data-select 插件，uniapp项目vue3，下拉框可搜索，使用问题解决，如何使用，类型声明，自动扫描全局使用，插件文件eslint报错，组件导入。input点击出现蓝色问题

input框点击出现蓝色背景，uniapp项目，这是ios系统手机独有的问题，安卓和window系统没有。要在点击的标签里面加上-webkit-tap-highlight-color-CSDN博客uniapp项目，要实现下拉框可搜索的功能，uniapp官方组件和uview都没有这个功能的组件。我到uniapp的插件市场找了个下载多的插件zxz-uni-data-select这个插件可以实现下拉框搜

深一海·2024-01-21 20:56

zxz-uni-data-select插件，表单回显时，无法显示数据，原因是后端返回的数据是字符串，要把这个字符串转成number类型，就能显示了

zxz-uni-data-select插件，uniapp项目，vue3表单回显时，这个下拉框不能显示数据解决方法用Number()方法把字符串转成numberstring转成number回显就能显示了

深一海·2024-01-21 20:55

vue3+ts项目引入雪花id报错

在更新公司项目的时候发现如下报错：在经过询问之后，了解到要解决这个报错需要如下步骤：（1）在终端控制台中输入：pnpmh(或者是yarn)installsimple-flakeid然后等待其下载安装（2）若还是报错，需要在下面做更改全部更改完之后便可解决该报错

沉醉何欢凉·2024-01-21 19:52

vue3-生命周期

生命周期生命周期vue组件实例都有自己的一个生命周期从创建->初始化数据->编译模版->挂载实例到DOM->数据变更后更新DOM->卸载组件生命周期简单说就是vue实例从创建到销毁的过程生命周期钩子在各个周期运行时，会执行钩子函数，让开发者有机会在特定阶段运行自己的代码。这就是生命周期钩子官方示意图：生命周期钩子函数钩子函数说明beforeCreate在实例初始化之后调用created实例已经创建

王大可996·2024-01-21 19:30

vue3-模版引用

模版引用ref属性场景：需要直接访问底层DOM元素。方法：使用特殊的ref属性。ref属性允许我们在一个特定的DOM元素或子组件实例被挂载后，获得对它的直接引用。访问模板引用小Demo:当input组件挂载后自动获取焦点import { ref, onMounted } from 'vue'// 声明一个 ref 来存放该元素的引用// 必须和模板里的 ref 同名const input = re

王大可996·2024-01-21 19:58

antd + vue3实现tree树增加按钮

页面显示在这里插入图片描述写在前面改代码使用slot，接口返回值必须为title，key，children，不能使用API在这里插入图片描述这个会导致我们按钮的slot冲突完整代码部门名称部门负责人操作{{nodeData.title}}{{nodeData.dataRef.owner}}新增下级修改删除import{message}from"ant-design-vue";import{defi

前端小菜·2024-01-21 19:28

vue3 项目中 arguments 对象获取失败问题

问题在vue3项目中获取到的arguments对象与传入实参不符，打印出函数中的arguments对象显示如下：原因作者仔细回看代码才发现，自己一直用的是vue3的组合式写法，函数都是箭头函数，而箭头函数不存在

Jiang_JY·2024-01-21 18:38

知识笔记（九十二）———vue实现图片上传

在Vue3中进行图片上传可以使用第三方库或者自定义组件来完成。如果想要使用现有的第三方库，比如element-plus、vant等UI库提供的上传组件，需要先安装对应的包并按照文档说明配置相关参数。

瑞崽崽崽·2024-01-21 18:07

vue3-组件通信

1.父传子-defineProps父组件：import{ref}from'vue'importSonComfrom'@/components/Son-com.vue'constmessage=ref('parent')子组件接收：//子组件constprops=defineProps({car:String,message:String})我是子组件{{car}}{{message}}.son{w

盖盖衍上·2024-01-21 18:20

推荐频道

vue3工程化