E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue3.X
[ant-design-vue] table组件列宽拖拽功能
[ant-design-vue]table组件列宽拖拽功能vue2.x拖动table组件列宽功能环境信息相关代码
vue3.x
拖动table组件列宽功能环境信息相关代码vue2.x拖动table组件列宽功能环境信息
三知之灵
·
2023-10-16 19:08
VueJs
前端
2021-6面试
v-for的优先级那个更高,应该怎么优化提升性能1、在vue2.x中v-for的优先级高2、可以将v-if写到v-for的外面,也可以将数据在computed计算属性中进行过滤,在循环计算方法就可以了3、在
vue3
焚心123
·
2023-10-16 07:08
Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】
这篇文章就来帮助大家如何快速使用
vue3.x
,typeScript,vite搭建一套企业级的开发脚手架??。废话不多说,直接上手开搞??
rgrgrwfe
·
2023-10-15 23:44
前端
html
面试
typescript
前端
vscode
vscode创建代码片段——以
vue3.x
模板为例
在vue中,需要创建vue文件时,我们通常需要自己手动输入如下模板exportdefault{};虽然花不了很多时间,但仍会比较繁琐,所以考虑创建一个快捷模板,可以快速生成vue模板操作步骤如下:打开vscode,文件—首选项—配置用户代码片段—新建全局代码片段文件—对代码片段命名—修改snippets内容其中prefix为代码片段快捷指令,body内容为默认的代码片段我修改后的模板代码为"Pri
前端小白在写bug
·
2023-10-14 11:52
vue
vscode
vue.js
前端
vue3.x
搭配el-tree搜索问题(包含el-tree内置搜索、接口搜索以及把搜索到的值进行高亮)
在日常项目中,常常会遇到对el-tree进行关键字搜索的问题,我们先看一下el-tree提供的内置搜索:适用于我们已经把数据全部获取到的场景。调用Tree实例的filter方法,参数为关键字。需要注意的是,此时需要设置filter-node-method,值为过滤函数。我们看一下接口搜索:因为el-tree懒加载不适用于接口搜索的场景,所以我的思想是可以在搜索时候把el-tree的懒加载去掉,给e
绝命天涯 几许风雨
·
2023-10-14 08:08
element
ui
vue3.x
vue.js
javascript
elementui
最全Vue开发小技巧
Vue开发小技巧Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个vue开发技巧;后续
Vue3.x
出来后持续更新.1.require.context()1.场景:如页面需要导入多个组件
ScreenshotOfCode
·
2023-10-12 15:21
vue
vue
第十五讲、
Vue3.x
中全局绑定属性、使用Axios和fetchJsonp请求真实api接口数据、函数防抖实现百度搜索
一、
Vue3.x
中使用Axios请求远程真实Api接口数据https://github.com/axios/axios1、安装npminstallaxios--save或者yarnaddaxios或者cnpminstallaxios
我爱张智容
·
2023-10-10 13:34
Vue3+vite,vue3基本使用文档
文章目录1.vite2.创建
vue3.x
项目2.1使用vite创建的项目2.2使用vue-cli创建
vue3.x
项目3.vue3.x基本使用3.1响应式基础3.1.1reactive()方法3.1.2ref
Liux-
·
2023-10-10 00:49
vue
vue.js
vite
vue3
vue面试题
Vue数据双向绑定原理Vue的响应式原理
Vue3.x
响应式数据原理Vue3.0里为什么要用ProxyAPI替代definePropertyAPI?
喝1口汤
·
2023-10-08 14:24
vue.js
前端
Vue3.X
笔记总结
Vue3.X
笔记总结一、
Vue3.X
与Vue2.X区别1.全局组件的区别vue2.X使用newVue创建Appvue3.X使用createApp创建Appimport{createApp}from'vue'constapp
望穿先生L
·
2023-10-07 16:22
vue
前端
vue.js
javascript
前端
vue3项目中mitt的使用
Vue2.x使用EventBus进行组件通信,而
Vue3.x
推荐使用mitt.js。比起Vue实例上的EventBus,mitt.js好在哪里呢?
暗月Moon
·
2023-10-05 14:46
vue3
vue
vue2与vue3 v-model的区别
目录Vue2中的v-model默认使用自定义使用修饰符.sync(Vue2)
Vue3.x
使用v-modelvue3的v-model使用原理多个v-model使用总结Vue2中的v-model在Vue2中
前端 贾公子
·
2023-10-03 02:12
javascript
前端
vue.js
Vue3.0——常用的Composition API(监听属性、生命周期、Teleport、属性、自定义事件、状态驱动的动态 CSS、注册组件、uspense、 isRef等)
目录一、常用的CompositionAPI(组合API)7.监听属性8.Vue3生命周期1)什么是生命周期2)Vue2.x中的生命周期3)
Vue3.x
的生命周期4)vue3新增的生命周期钩子9.Teleport10
爱喝牛奶~
·
2023-10-01 01:54
javascript
vue.js
前端
vue
css
【超详细】前段开发之详细的Vue3入门教程,特别适合小白系统学习,入门到熟练使用Vue看这一篇就够了!
11.2Vue3声明:图片资源来自于黑马程序员公开学习资料本人在学习当中,详细整理了笔记,供大家参考学习11.2.1vite的基本使用1-1创建vite项目按照顺序执行如下的命令,即可基于vite创建
vue3
ANii_Aini
·
2023-09-29 23:55
前端开发
前端笔记分享
vue.js
学习
前端
javascript
Day-01 从 0 开始搭建一套规范的
Vue3.x
项目工程环境
一、架构搭建请确保你的电脑上成功安装Node.js,本项目使用Vite构建工具!查看Node.js版本:ps:需要注意的是vite需要你的node的版本在12以上node-v//v16.20.1建议将Node.js升级到最新的稳定版本:#使用nvm安装最新稳定版Node.jsnvminstallstable二、使用Vite快速初始化项目雏形//1.全局安装create-vite-app工具:npm
凉生阿新
·
2023-09-28 07:12
搭建
Vue3.x
项目工程环境
前端
Day-02 从 0 开始搭建一套规范的
Vue3.x
项目工程环境
如上图,表示Vite+Vue3+TypeScript简单的项目骨架搭建完毕,下面我们来为这个项目集成VueRouter、pinia、PlusViewUiPlus、Axios、Dayjs、Stylus/Sass/Less、Commitizen。三、修改Vite配置文件Vite配置文件vite.config.ts位于根目录下,项目启动时会自动读取。本项目先做一些简单配置:例如:设置@指向src目录、服
凉生阿新
·
2023-09-28 07:42
搭建
Vue3.x
项目工程环境
前端
Day-03 从 0 开始搭建一套规范的
Vue3.x
项目工程环境
六、集成路由工具VueRouter1.安装依赖支持Vue3的路由工具vue-router@4npmivue-router@4//或者执行安装最新开发版本(nightlybuild)npmivue-router@next 2.创建src/router/index.ts文件在src下创建router目录,然后在router目录里新建index.ts文件:└──src/├──router/├──inde
凉生阿新
·
2023-09-28 07:42
搭建
Vue3.x
项目工程环境
前端
Day-04 从 0 开始搭建一套规范的
Vue3.x
项目工程环境
九、集成UI框架ElementPlus1.安装npminstallview-ui-plus--save2.按需引用借助插件babel-plugin-import可以实现按需加载组件,减少文件体积。首先安装,并在文件.babelrc或者在webpackbabel-loader中配置:npminstallbabel-plugin-import--save-dev//.babelrcorbabel-lo
凉生阿新
·
2023-09-28 07:09
搭建
Vue3.x
项目工程环境
前端
vue.js
swiper添加动画效果,vue3.x+vite+swiper 6.x以上
用
vue3.x
开发一个门户网站,动效有点多,浅谈一下其中走过的弯路吧;用到的插件框架用的“vue”:“^3.2.25”,构建工具“vite”:“^2.9.5”,轮播“swiper”:“^8.1.4”,动画组件
前端菜鸟啊辉
·
2023-09-27 05:27
动画
javascript
前端
Vue2/Vue3中的代码逻辑复用对比(mixins、自定义hook)
前言mixins是Vue2.xOptionsAPI中常用的代码逻辑抽离手段,在
Vue3.x
中也同样可以使用。
青阳zi
·
2023-09-25 04:17
JS
前端
javascript
css
如何基于
vue3.x
编写自己的 hook
什么是hooks函数式编程在前端开发中越来越流行,尤其是在现代前端框架
Vue3.x
和React16+中。它的优点包括代码可读性、可维护性、可测试性和复用性。
·
2023-09-22 22:23
vue3.x
+ vite4.x + pinia + ts(x) 等诸多前沿框架开发的中后台模板
特性最新技术栈:使用
Vue3.x
/vite4.x等前端前沿技术开发TypeScript:应用程序级JavaScript的语言主题:可配置的主题国际化:内置完善的国际化方案Mock数据:内置Mock数据方案权限
·
2023-09-22 18:43
vue3.x
+ vite4.x + pinia + ts(x) 等诸多前沿框架开发的中后台模板
特性最新技术栈:使用
Vue3.x
/vite4.x等前端前沿技术开发TypeScript:应用程序级JavaScript的语言主题:可配置的主题国际化:内置完善的国际化方案Mock数据:内置Mock数据方案权限
·
2023-09-22 17:38
优雅使用
vue3.x
+ lodash 在项目中管理、封装指令
vue3.xdirectivesvue指令是一种特殊的vue.js特性,用于在DOM元素上添加特定的行为或功能。指令通过在元素上使用特定的指令名称和参数来实现,可以用于操作DOM、响应事件、绑定数据等。今天简述一下如何在项目中优雅的管理、封装一些常用的指令。后面代码基本上会逐行进行注释,以便于大家阅读。管理指令统一管理统一包管理:通过创建directives文件夹,我们可以将所有与指令相关的文件集
·
2023-09-22 17:07
vue2 provide/inject watch 监控inject中值变化
这是Vue2.x的设计,与
Vue3.x
中的provide和inject不同,
Vue3.x
中的inject提供的值是响应式的,可以直接被watch监控到。
冰雪为融
·
2023-09-22 08:22
vue.js
javascript
前端
axios在
vue3.x
中的基础入门使用
1.axios在
vue3.x
中的基础入门使用在不涉及使用axios进行请求拦截以及响应拦截的场景下,axios的使用可以简化为以下步骤。
进阶的CC
·
2023-09-17 11:00
vue
网络
ajax
前端
移动端和桌面端的前端预览pdf文件实现办法
前端实现预览pdf文件前期调研可以实现pdf文件预览的方式有PDFObjectvue-pdfPDF.jspdfh5需求:在移动端和桌面端,以及
vue3.x
中实现预览pdf文件前四种方案,均在移动端有问题
Lee 酱
·
2023-09-15 07:18
前端扩展
前端
如何在Vue2.X/
Vue3.X
项目引入jQuery,以及增加jQuery.easing扩展?让你的动画效果更加丝滑!
前言还记得在2015左右,网页开发依然是jQuery的天下,虽然Vue、React开始盛行,以及后面Angular也开始抢占市场,但是jQuery在市场上依然占有较大的比重。当时的html页面大多是用jQuery来写的,为jQuery设计的插件也是相当丰富的。比如,使用jquery.js结合jquery.easing.js来实现动画效果就挺方便的。之所以使用jquery.easing.js扩展库,
帅龍之龍
·
2023-09-15 05:33
前端大杂烩
jquery
前端
Vue3.x
一.项目搭建及自定义脚手架模板二.添加插件vueaddeg:vueaddvuetify2.x版本是使用npminstallaxios来安装,如果安装队当前脚手架页面结构有太多影响时,仍可用npminstall。但如果是要安装vuetify这种UI库的话,会对页面结构有较大影响的,要用新版的vueadd三.全局环境变量的使用建立.env文件,在里面定义所需的环境变量VUE_APP_是固定的.env.
祝名
·
2023-09-11 22:44
基于vue3的bootstrap ui组件库出炉啦
介绍bts-vue是一个基于
vue3.x
和BootstrapUI4.x的Vue组件库!它在BootstrapUI的基础上进行增强改进,使得bts-vue比原始bootstrapui更美观,体验友好。
·
2023-09-08 00:15
vue-treeselect(适配Vue3.2)及Element-plus的TreeSelect组件
文章目录一、vue-treeselect的使用1、版本问题:1.1、vue2使用的版本1.2、
vue3.x
使用的版本2、安装vue3-treeselect,vue3的版本3、使用vue3-treeselect4
迷小圈
·
2023-09-07 19:55
vue插件
vue.js
javascript
前端
npm run serve与npm run dev的区别
一般在
vue3.x
的时候用npmrunserve,vue2.x项目运行的时候用到npmrundev,dev是vuecli2的默认执行命令,serve是vuecli4的默认执行命令例:在我们运行一些vue
几两春秋梦_
·
2023-09-05 06:28
vue实战之路
npm
前端
node.js
vue3的hooks与vue2的mixins区别
前言mixins是Vue2.xOptionsAPI中常用的代码逻辑抽离手段,在
Vue3.x
中也同样可以使用。
不再犹豫_c61b
·
2023-09-05 03:51
第18-20讲、
Vue3.x
Composition API 详解
一、CompositionAPI的简单介绍CompositionAPI也叫组合式API,是
Vue3.x
的新特性。通过创建Vue组件,我们可以将接口的可重复部分及其功能提取到可重用的代码段中。
我爱张智容
·
2023-09-03 23:31
Vue3.x
配合Antv使用
准备工作安装vue-cli,由于cli版本更新较快,本文采用vue-cli3.x版本因此安装命令如下:yarnglobaladdvue-cli@3Tip:安装完后检查版本vue-V如环境报错,需要在环境变量中path中添加vue.cmd的路径,如C:\Users\haha\AppData\Local\Yarn\bin创建项目文件夹并进入vuecreateantv-democdantv-demo安装
淡淡紫色
·
2023-09-02 00:49
Vue3.X
路由与导航栏、侧边栏(四)
我们接着上一节的
Vue3.x
生命周期(三)的说明,我们这一节讲解了项目中路由的配置与导航栏、侧边栏的关系。一、路由配置vue项目中路由配置有一个固有文件夹,可以配置路由,这样的优点使项目更加清晰明了。
花开花落与云卷云舒
·
2023-09-01 05:31
前端开发
vue.js
前端
javascript
Vue3.X
掌握基础知识(二)
接着上一篇
Vue3.X
创建简单项目(一),我们接着往下了解Vue的一些简单的功能。一、HomeView.vue的改写复习这里我们介绍数据的绑定、判断、for循环等功能。
花开花落与云卷云舒
·
2023-09-01 05:01
前端开发
javascript
vue.js
前端
Vue3.X
生命周期(三)
接着上一节的
Vue3.X
掌握基础知识(二)的说明,这一节说明了vue的生命周期。一、生命周期这一节讲解了
vue3.X
的生命周期数据的渲染前与渲染后的区别。
花开花落与云卷云舒
·
2023-09-01 05:30
前端开发
vue.js
前端
javascript
Vue中使用TypeScript
vue-property-decorator组件的使用Tip:这篇文章是我用到了typescript后写的,因为刚接触没多久,写得不好多多海涵,栗子用了另外一位作者的,在此表示感谢,
vue3.x
开始会慢慢向
我小时候很可爱
·
2023-09-01 04:59
第一章、搭建
Vue3.x
环境、创建运行
Vue3.x
项目、分析Vue目录结构
目前最新版本是
Vue3.x
。
Vue3.x
发布于2020年9月19日,在Vue2.x的基础上面进行了一些优化,对TypeScript有更好的支持。
Vue3.x
的语法和Vue2.
我爱张智容
·
2023-08-28 06:25
Vue3.0 新特性以及使用变更总结
那
Vue3.x
中就可以
xsqsharp
·
2023-08-27 10:52
vue.js
前端
javascript
Nginx开启Gzip优化网页访问速度
所有前端皆可开启gzip优化如果是Vue项目可以直接打包出来gz文件,这样可以省去nginx动态压缩占用的cpuNginx1.16.x--with-http_gzip_static_module模块[可选]
Vue3
grey_sky
·
2023-08-27 03:53
Vue3+Spring Boot前后端分离开发
前言之前本人在学习
Vue3.x
与SpringBoot整合时,遇到了诸如跨域、使用axios报错等问题,在成功解决后,总结了一些经验,于是将如何从零开始搭建Vue3.x+SpringBoot前后端分离项目写成文章
zjojk
·
2023-08-26 07:58
Spring
Boot
spring
boot
intellij-idea
java
vue-cli3
axios
vue3.X
遇到TypeError: Cannot read property ‘parseComponent‘ of undefined解决方法
运行如下代码:npmi@vue/compiler-sfc@latestnpmivue-loader@next
王小王和他的小伙伴
·
2023-08-25 08:04
bug
1024程序员节
前端
Vite中使用Ant Design
Vue3.x
框架
1.全局引入安装ant-design-vuenpmi--saveant-design-vuemain.js引入import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router/index'importAntdfrom'ant-design-vue';import'ant-design-vue/dist/antd.
大白o
·
2023-08-24 15:30
vue
WebStorm 中 VUE 设置 alias.config.js 别名后,点击 @/utils/request @/router/ 时不能跳转到指定文件
2021-11-11更新:实测在vue2.x与
vue3.x
环境中这种方法都可用,昨天晚上刚开始尝试vue3,香不香目前还没感受到,但是Vite感觉还是
Roc.Chang
·
2023-08-22 05:29
前端
#
VUE
vue.js
webstorm
别名
VUE
封装vue2局部组件都要注意什么
template节点中template中使用的指令{{msg}}0.5">NowyouseemeNowyoudon'ttemplate定义根节点注:vue2.x版本中,节点内dom结构仅支持单个根节点;但在
vue3
朝阳若蓝
·
2023-08-13 14:27
#
L4:Vue
前端
javascript
vue
computed
watch
slot
vuex
第十四讲、
Vue3.x
中组件的生命周期函数(lifecycle)、 this.$nextTick、动态组件 keep-alive、Vue实现Tab切换
一、
Vue3.x
中组件的生命周期函数lifecycle.pngbeforeCreate:在实例初始化之后,数据观测(dataobserver)和event/watcher事件配置之前被调用。
我爱张智容
·
2023-08-12 06:17
Vue2:组件高级(上)
Vue2:组件高级(上)Date:May20,2023Sum:组件样式冲突、data函数、组件通信、props、组件生命周期、
vue3.x
中全局配置axios目标:能够掌握watch侦听器的基本使用能够知道
CaptainDrake
·
2023-08-10 03:13
Vue
javascript
vue.js
前端
Vue3.x
超详细安装教程
请事先装好nodeJs整个vue-cli版本:vue3.0.0+vue-router4.0.0-0+vuex4.0.0-0+eslint6.7.2+typescript4.1.5安装步骤1.安装vue-clinpm或yarn安装npminstall-g@vue/cliyarnglobaladd@vue/cli查看版本(是否安装成功):vue-V(大写的V)vue--versionimage当前我安
乙哥驿站
·
2023-08-08 17:29
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他