vue3工程化

vue3+element plus 实现管理系统布局样式

先看效果未设置样式之前：布局没有充满整个页面，而且布局高度会随着左边菜单内容的展开而变化设置样式后：布局充满整个页面，左边菜单内容展开后也不会影响布局高度，左边菜单内容超出页面高度时会自动添加滚动条项目结构目录：设置样式之前代码：App.vueimportHomefrom'./components/Home.vue'exportdefault{name:'App',components:{Home
平平无奇 > _ <·2024-01-24 22:50

Vue3脚手架笔记

基本语法1.1、初时Vue1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；2.root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；3.root容器里的代码被称为【Vue模板】；4.Vue实例和容器是一一对应的；5.真实开发中只有一个Vue实例，并且会配合着组件一起使用；6.{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性
前端小趴菜~时倾·2024-01-24 22:08

【YOLOv8新玩法】姿态评估寻找链接切割点

学习《OpenCV应用开发：入门、进阶与工程化实践》一书做真正的OpenCV开发者，从入门到入职，一步到位！
gloomyfish·2024-01-24 22:06

【新特性演示】YOLOv8实现旋转对象检测

学习《OpenCV应用开发：入门、进阶与工程化实践》一书做真正的OpenCV开发者，从入门到入职，一步到位！
gloomyfish·2024-01-24 22:06

【实战OBB】自定义旋转对象检测

学习《OpenCV应用开发：入门、进阶与工程化实践》一书做真正的OpenCV开发者，从入门到入职，一步到位！
gloomyfish·2024-01-24 22:06

【守护工地安全】YOLOv8实现安全帽检测

学习《OpenCV应用开发：入门、进阶与工程化实践》一书做真正的OpenCV开发者，从入门到入职，一步到位！
gloomyfish·2024-01-24 22:05

Vue3+Ts实现路由守卫

路由守卫前言路由守卫是啥实现方式第一种：全局守卫第二种:局部守卫前言博主本期主要讲解的是Vue3如何实现特定路由的路由守卫。那么好，本期正式开始。
爱吃巧克li·2024-01-24 21:28

前端工程化之 webpack ＜一＞

一、Webpack和打包过程编写的代码==》经过打包工具（glup、rollup、webpack、vite）本身也是js代码，读取文件操作的，依赖于node环境==》普通的html、css、javascript==》打包到静态服务器==》跑在用户的浏览器1.1内置模块path用于对路径和文件进行处理在MacOS、Linux和window上的路径上是不一样的，部署的时候显示路径会出现一些问题，为了屏
原来是有理数·2024-01-24 21:21

快速生成vue2&vue3模板

首选项-->用户片段-->搜索vue.json,输入以下代码{"Printtoconsole3":{"prefix":"vue3","body":["","\n","","","","import{}from'vue
媛猿YY·2024-01-24 21:22

关于Vue3里面的getCurrentInstance：可以获取挂载在全局的属性和获取上下文

Vue3getCurrentInstance与ts结合使用的问题一、不能使用getCurrentInstance的ctx我们在获取Vue3中全局挂载的方法时会这么写：这里的ctx不是setup提供的ctxconst
口袋の的天空·2024-01-24 21:44

vue3项目+TypeScript前端项目——vue3中的组件通信方式

一.vue3中的组件通信方式比如:vue2组件通信方式**props:**可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件:可以实现子父组件通信全局事件总线$bus:可以实现任意组件通信，很重要*
口袋の的天空·2024-01-24 21:42

Vue3 前端学习（登陆界面，input 与 button的使用）

1.router-view跳转APP.vue可以类比主函数理解，里面可以写很多内容，但这是个很局限的做法，只适合学习一些前端知识点时候使用，不适合做项目。于是我们使用将要写的内容拆分开，理解为拆成诸多函数。在函数里实现相关功能。于是APP.vue写的很简单，因为他只实现路由功能2.呈现一个登陆界面（纯前端）LoginVue.vue一个登陆界面账号：密码：登录申请注册IamElButtonimpor
Sonaldo7·2024-01-24 20:31

前端工程师的未来

方向一：编程语言的发展趋势作为一名前端工程师，前端编程语言的发展趋势更多向工程化、简介华，入门低的方向发展。这并不是说前端工程师技术水平低，只是说前端的入门门槛低了。
华子Code1024·2024-01-24 19:26

Vue3常用方法和组件

目录VUE3+TS【方法】文件下载【组件】二次封装`ElMessageBox`【方法】格式化时间【组件】导入单个文件，再次导入可替换，可回显【组件】同上单个上传组件【组件】封装展示表格和可修改表格【方法
小阮的学习笔记·2024-01-24 18:56

vue3.0路由route/router的使用

注意vue-router版本，我用的是"vue-router":"^4.0.0-alpha.6"官网的使用步骤//1.Defineroutecomponents.//ThesecanbeimportedfromotherfilesconstHome={template:'Home'}constAbout={template:'About'}//2.Definesomeroutes//Eachrou
小阮的学习笔记·2024-01-24 18:25

Vue3+TS+dhtmlx-gantt实现甘特图

实现样式因为只做展示，所以实现很简单实现功能自定义列头增加斑马线，实际结束时间（自定义实现）自定义进度展示，根据层级让进度背景颜色变浅marker标记今天自定义提示框内容实现import{gantt}from"dhtmlx-gantt";//引入模块import{ref}from"vue";importdayjsfrom"dayjs";import{WorkGantt}from"@/api/inf
小阮的学习笔记·2024-01-24 18:21

第九章 vue 进阶篇 Element Plus 基本使用

element-ui是基于vue开发的一套ui组件库，提供丰富的网页开发组件，可用快速开发网站，降低前端开发成本版本element目前有两个版本element-ui：基于vue2element-plus:基于vue3
运维-大白同学·2024-01-24 18:14

vue Pinia 全局主题切换

文章目录vuePinia全局主题切换基本环境结果展示过程解析vuePinia全局主题切换目的:实现单页面上切换主题,例如关灯或开灯;环境:vue3.0+vite+Pinia基本环境//tsconfig.json
宿命小人·2024-01-24 17:28

Vue3 ref与reactive

✨专栏介绍在当今Web开发领域中，构建交互性强、可复用且易于维护的用户界面是至关重要的。而Vue.js作为一款现代化且流行的JavaScript框架，正是为了满足这些需求而诞生。它采用了MVVM架构模式，并通过数据驱动和组件化的方式，使我们能够更轻松地构建出优雅而高效的Web应用程序。在本专栏中，我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、·2024-01-24 10:11

【vue3 $refs和特殊attr：ref 】获取子组件实例 & 规范获取Dom元素；（统称模板引用）

#ref（内置的特殊attribute）预期值string|Functionref用来给元素或子组件注册引用信息。注册内容会在父组件的$refs对象上。如果在普通的DOM元素上使用，引用指向的就是那个DOM元素；如果用在子组件上，引用就指向组件实例！关于ref的重要说明：在初始化组件时你不能访问ref绑定的对应内容——它们还不存在！$refs也是非响应式的，因此你不应该试图用它在模板中做数据绑定。
oumae-kumiko·2024-01-24 09:31

Vue3获取Dom元素与子组件

现在在Vue3时代，需要稍微改变一点点方法，但是还依然使用ref来获取。
绝对零度HCL·2024-01-24 09:00

Vue3前端开发,如何获取组件内dom对象以及子组件的属性和方法

Vue3前端开发,借助Ref来获取组件内dom对象，借助defineExpose编译宏可以获取到子组件的属性和方法。
yrldjsbk·2024-01-24 09:28

vue3+Element plus实现登录功能

一、想要实现的效果二、搭建登录静态1、实现左边背景和右边登录栏的总体布局布局：2、账号密码登录和手机号码登录切换使用组件实现：3、其他省略4、全部代码：JinPiKa全球最大的代码托管平台忘记密码登录其他登录方式三、封装接口1、首先需要对axios进行一个二次封装，实现请求和响应拦截器，在utils文件夹(一般用于存放封装的文件)下创建一个request.ts文件，importaxiosfrom'
czy陈泽宇·2024-01-24 08:05

【前端小点】Vue3中的IP输入框组件

本文章记录,如何在vue3项目开发中,使用ip输入框组件.之前写过vue2版本的ip组件,为了更好的适应vue3,此次进行vue3代码重写先上效果图:禁用效果图:主要是组件的开发,代码如下,可直接拷贝使用
小球学前端·2024-01-24 07:10

vue3 项目中如何输出webpack的config.js

C:\Users\easygoo>d:D:\>cdvue3\case1D:\vue3\case1>dir驱动器D中的卷是V9卷的序列号是96FC-9BACD:\vue3\case1的目录2021-05-
it农民2·2024-01-24 07:59

vue3 npm i 一直卡到不动

一.首先node版本要18.0及以上查看node版本并安装指定版本二.查看npm镜像源以及指定安装npm的镜像三.删除项目中的package-lock.json文件最好是把node_modules安装包也删除掉，然后npmi就可以了
尚梦·2024-01-24 07:50

Vue3 setup 介绍

✨专栏介绍在当今Web开发领域中，构建交互性强、可复用且易于维护的用户界面是至关重要的。而Vue.js作为一款现代化且流行的JavaScript框架，正是为了满足这些需求而诞生。它采用了MVVM架构模式，并通过数据驱动和组件化的方式，使我们能够更轻松地构建出优雅而高效的Web应用程序。在本专栏中，我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、·2024-01-24 06:10

vue3 中组合键实现换行

vue3中组合键实现换行需求背景有一个聊天室功能，采用输入框的形式，输入完毕使用Enter，可以直接进行发送。
推开世界的门·2024-01-24 06:57

Vue生命周期；综合案例；工程化开发入门

Vue的生命周期和生命周期的四个阶段思考：什么时候可以发送初始化渲染请求？（越早越好：最早可以早到什么时候？）什么时候可以开始操作dom？（至少dom得渲染出来）Vue生命周期：一个Vue实例从***创建***到***销毁***的整个过程newVue()①创建（生命就开始了）→②挂载→③更新→④销毁（比如网页被关掉）①创建阶段（响应式处理）：将普通数据转换成响应式数据：data其实是普通数据，但是
W`hite·2024-01-24 06:36

vue3组合式API小结

2、组合式API，我们可以使用导入的API函数来描述组件逻辑创建vue3项目node本版：node16.x.x，脚手架：create-vue脚手架工具，底层vite创建vue3项目：npminit
chunchun_H·2024-01-24 06:00

Vue组件插槽以及vuex初识

slot-scope父组件使用slot-scope接收插槽传过来的值slot-scope的方式可以使用template也可以直接写在元素上我是插槽1--{{scope.msgv}}在vue2.6之后出现了v-slot在vue3
冲锋敢死曾小贤·2024-01-24 05:41

Vue3当中通过script和defineOptions两种方式指定组件的name

在vue3当中，当使用setup语法糖时，我们没有办法在script当中添加一个name属性，但是可以采取其他的方式来实现，代码如下：使用两个script块import{onMount
@二十六·2024-01-24 04:18

vue3源码解读--ref

目录vue2源码vue3源码示例源码上一节我们了解了setup的运行逻辑，它确实能很好的将setup中返回的值显示到template中，但是当我们想要在代码中改变它时，却发现是无效的，原因可能是没有进行依赖收集的缘故
习惯水文的前端苏·2024-01-24 04:54

vue3知识点大全

选项api和组合式api1、optionsAPI:在对应的属性中编写对应的功能模块；比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变缺点：实现一个功能时，功能对应的代码逻辑会被拆分到各个属性中，当组件复杂的时候，逻辑关注点的列表就会增长，同一个功能的逻辑就会被拆分的很分散，这种碎片化的代码使得理解和维护这个都复杂的组件会很困难，并且隐藏了潜在
前端fighter·2024-01-24 03:04

工程化&代码管理高频面试题

1.git常用命令以及工作中都怎么工作gitinit初始化仓库​gitstatus查看当前各个区域的代码状态。​gitlog查看commit记录​gitreflog查看完整记录​gitadd添加工作区代码到暂存区​Gitcommit暂存区代码的提交​gitreset代码的版本回退​gitstash将暂存处代码收起来​gitstashpop将收起来的暂存区的代码释放出来​Gittag可以打标签​Gi
秋の本名·2024-01-24 03:51

UVeiw 组件的使用（更多自定义案例和解决方案），Vue3 +ts 版本 #Selected组件 #Vue 3 # Ts

select打开onMounted(()=>{//TODO完善流程loadCompanyInfo()}//弹出控件constshow=ref(false);//这种情况需要指定range-key为cateName，否则组件不知道该显示对象的哪个属性constlist=ref([]);//constselected=ref()//选中后的方法回调TODO：自定义逻辑处理constconfirm=(s
Light-ing·2024-01-24 02:36

vue源码（一）

搭建环境获取地址：GitHub-vuejs/vue:ThisistherepoforVue2.ForVue3,gotohttps://github.com/vuejs/core安装依赖：npmi安装rollup
Goat恶霸詹姆斯·2024-01-24 02:56

知识笔记（九十四）———vue3中的菠萝能吃吗？

开个玩笑，这里说的菠萝不是吃的，是vue3中的状态管理器(pinia)Vue3Pinia使用在学习Vue2的一定都知道，在vue2版本中，如果想要使用状态管理器，那么一定是集成Vuex，首先说明一点，Vuex
瑞崽崽崽·2024-01-24 01:18

echart+vue3实现世界地图和数据轮播

汉化版世界地图资源百度网盘链接：世界地图提取码:7952废话不多说，先上图，在上代码，留个小红心再走，附件赠送一个汉化版世界地图json文件,不好意思，csdn抽经文件不让上传，需要汉化版的世界地图文件的可以留言~图一：图二：国际经营看板import*asechartsfrom'echarts'importworldMapfrom'/@/assets/json/other/world_zh.ts'
一路从容·2024-01-24 00:55

Vue3 QRCode生成

npminstallvue-qr--save二.引用与使用引用//importvueqrfrom'vue-qr'vue2的引入importvueqrfrom'vue-qr/src/packages/vue-qr.vue'//vue3
朝阳若蓝·2024-01-23 22:08

Vue3 + ts的使用（选项式API，组合式API）

一.IDE的配置1.VSCode插件安装搜索@builtintypescript2.点击“TypeScriptandJavaScriptLanguageFeatures”右下角的小齿轮，然后选择“Disable(Workspace)”3.重新加载工作空间。Takeover模式将会在你打开一个Vue或者TS文件时自动启用。二.依赖的安装vueaddtypescript三.使用语法1.不加setup的
朝阳若蓝·2024-01-23 22:08

Vue3的computed和watch

目录1、computed2、computed完整写法3、watch4、watch监听对象具体属性5、watch监听reactive数据1、computed基于现有的数据计算出新的数据import{ref,computed}from'vue'constnum=ref(1)constdoubleNum=computed(()=>{returnnum.value*2})constgoods=ref([{
诗霖雪·2024-01-23 22:56

vue3的watchEffect和watch其他参数

目录1、watchEffect基本使用2、watch与watchEffect的异同3、watch其他参数使用1、watchEffect基本使用1回调函数立即调用2回调函数依赖的数据都会被监控3深度监控num++import{watchEffect,ref,reactive}from'vue'//watchEffect监控数据constnum=ref(10)constobj=reactive({na
诗霖雪·2024-01-23 22:56

Vue3setup()的非语法糖和语法糖的用法

1、setup()的语法糖的用法script标签上写setup属性，不需要exportdefault{}setup()都可以省创建每个属性或方法时也不需要return导入某个组件时也不需要注册//script标签上写setup属性，不需要exportdefault{}setup()都可以省import{ref}from'vue'//组合式api//创建响应式数据age，初始值是10constage
诗霖雪·2024-01-23 22:55

一文掌握 vue3.2

一文掌握vue3.2前言1、setup语法糖1.1defineProps1.2defineEmits1.3defineExpose2、ref、reactive创建响应式数据3.1ref3.2reactive3
#GZ·2024-01-23 22:45

Vue 3 + Ts 生命周期钩子函数的使用 #onShow() #onMounted()

#1.Vue3+Ts关于onShow()的使用在Vue3中，onShow是一个生命周期钩子函数，用于在组件显示时执行特定的逻辑。在setup语法糖中，可以使用onShow来实现类似的功能。
Light-ing·2024-01-23 22:15

Vue3+Vite 利用postcss-pxtorem移动端适配

1.介绍postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了能够直接按照设计图的尺寸开发，并且能自动编译转换成rem，下面就来分享下postcss-pxtorem的使用。介绍amfe-flexibleamfe-flexible是配置可伸缩布局方案，主要是将
哒哒哒Q·2024-01-23 21:56

关于富文本编辑器wangeditor在vue3中的使用

1.安装npminstall@wangeditor/editor--savenpminstall@wangeditor/editor-for-vue@next--save安装以上两个包2.引入进行使用注释：valueHtmlCount：编辑里的内容，为富文本字符串editorRef：工具栏实例toolbarConfig：工具栏配置文件editorConfig：编辑器菜单配置文件onCreated：
哒哒哒Q·2024-01-23 21:26

vue3+vite 封装axios请求

vue3+vite封装axios请求安装axios创建axios实例封装请求方式封装请求接口vue中调用安装axiosnpminstallaxios创建axios实例//http/index.jsimportaxiosfrom'axios'import
小李不小·2024-01-23 21:28

快速打通 Vue 3（五）：详解 Vue 中的路由

08.路由很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue
*Soo_Young*·2024-01-23 20:19
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他