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搭建项目
Vue3
-Axios二次封装与Api接口统一管理
一、安装axiosnpmiaxios二、创建utils工具文件夹创建request.ts文件importaxiosfrom'axios'//引入element-plus消息提示import{ElMessage}from'element-plus'//引入用户相关的仓库importuseUserStorefrom'@/store/modules/user'//使用axios对象create方法,创建
前端小卡拉米
·
2024-01-20 12:33
前端
vue.js
javascript
ajax
typescript
Spring 事务管理和Spring MVC介绍
读未提交读已提交可重复读串行化3.2基本代码3.2.1分析3.2.2环境
搭建项目
:day050_sm_tx添加坐标org.springframewor
秋野酱
·
2024-01-20 11:49
java
spring
java
后端
vue3
+vite创建项目--(傻瓜式教程)
1、运行创建项目命令#使用npmnpmcreatevite@latest#使用yarnyarncreatevite#使用pnpmpnpmcreatevite剩下的就是启动以及一些配置信息2、vite+
vue3
Bubluu
·
2024-01-20 11:43
vite
vue
vue3
框架
vue3
+ antd + typeScript 封装一个高仿的ProTable
前言阿里的antd组件说实话真的非常完善了,可是vue版的寥寥无几,
vue3
的更少了,今天有空就封装一个高仿的ProTable开始其实很简单的,我们是基于vue版的antd进行二次封装,我们把表格组件联动到表单组件即可
An_s
·
2024-01-20 11:08
typescript
vue.js
javascript
vue3
+ antd 封装动态表单组件(一)
前置条件:vue版本v3.3.11ant-design-vue版本v4.1.1创建动态组件配置文件config.jsimport{Input,Textarea,InputNumber,Select,RadioGroup,CheckboxGroup,DatePicker}from'ant-design-vue';//表单域组件类型exportconstcomponentsMap={Text:Inpu
guizi0809
·
2024-01-20 11:36
vue3
ant-design
vue.js
javascript
前端
移动端 h5-table react版本支持虚拟列表
github链接:https://github.com/duKD/react-h5-table有帮助的话给个小星星有两种表格组件常规的:支持左侧固定滑动每行点击回调支持指定列排序支持滚动加载更多效果和之前写的
vue3
cheerfulCoder
·
2024-01-20 10:29
react.js
前端
前端框架
vue3
中reactive和ref函数及对比
在
Vue3
中,reactive和ref都是用于创建响应式数据的方法。ref函数接收一个参数,返回一个包装过的响应式对象。
我爱学习yq
·
2024-01-20 10:28
vue.js
javascript
前端
VUE知识点汇总:
yarnadd-g@vue/cli第二步:vuecreate项目名字(尽量用英文)第三步:运行项目npmrunserve安装新的软件包,使用npmi依赖包的名字或yarnadd依赖包的名字二、vue相关概念:
vue3
释怀_3de6
·
2024-01-20 10:23
[GN]
Vue3
快速上手1
文章目录前言使用vue-cli创建
VUE3
.0
VUE3
.0介绍CompositionAPI首要配置setupref函数reactive函数toRefs与toRef计算属性与监视1.computed函数2
GGood_Name
·
2024-01-20 08:25
vue.js
javascript
前端
[GN] 使用
vue3
+vite+ts+prettier+eslint
学习目标:做到代码格式等统一,此时,esint和prettier就要登场了。学习内容:eslint是代码检测工具,可以检测出你代码中潜在的问题,比如使用了某个变量却忘记了定义。prettier是代码格式化工具,作为代码格式化工具,能够统一你或者你的团队的代码风格。=>安装prettier+eslint包,并做一系列的配置学习时间:创建项目yarncreatevite选择vue作为framework
GGood_Name
·
2024-01-20 08:22
vue.js
javascript
前端
【
Vue3
】3-4 : 组件的属性与事件是如何进行处理的
有时候组件上的属性或事件并不想进行组件通信,那么Vue是如何处理的呢?组件的属性与事件默认不通过props接收的话,属性会直接挂载到组件容器上,事件也是如此,会直接挂载到组件容器上。可通过inheritAttrs选项阻止这种行为,通过指定这个属性为false,可以避免组件属性和事件向容器传递。可通过$attrs内置语法,给指定元素传递属性和事件,代码如下:letapp=Vue.createApp(
ladymorgana
·
2024-01-20 06:32
架构师之路-java
vue.js
前端
javascript
【
Vue3
】3-3 : 组件之间是如何进行互相通信的
本书目录:点击进入一、组件之间为什么要做通信二、组件之间通信方式2.1、父传子:由传递属性实现stage1:申明(即定义)stage2:注册stage3:使用【示例】:父组件将title和count传递给子组件(普通数据和响应式数据的传递)>代码>效果2.2、子传父:由自定义事件实现stage1:申明(即父组件:定义方法+子组件:调用方法)stage2:注册stage3:使用【示例】:子组件将da
ladymorgana
·
2024-01-20 06:01
架构师之路-java
vue.js
前端
javascript
组件通信
父子通信
v-if和v-for哪个优先级更高?
vue3
中则相反,v-if优先级高于v-for,所以两者写在一个标签内,如果v-if使用了v-for循环出来的变量,则会有变量不存在的异常。场景:1、过滤列表中的项目。2、避免渲染本应该被隐藏的列表
程序员-小许
·
2024-01-20 05:27
vue.js
javascript
ecmascript
vue-cal 使用教程
目录0.介绍及效果展示1.vue2环境安装2.页面引入3.使用4.效果图0.介绍及效果展示vue-cal组件比较灵活,可以随意切换年、月、周、日、时间历图,放几张截图看下效果1.vue2环境安装
vue3
小菜花29
·
2024-01-20 05:24
vue.js
javascript
ecmascript
Vue再次接触后
企业数字化平台》中的组织管理部分内容的设计和开发,数据库很快就设计出来了,下步就要动手干活了,发现前端竟然不会,疯了,好在以前看过vue的一点东西,没有写过内容,马上就开始了,工欲善其事必先利其器,把
Vue3
Feather Duster
·
2024-01-20 04:20
前端
vue.js
前端
javascript
Vue3
的v-if 和v-for优先级
文章目录在vue2中,v-for具有比v-if更高的优先级在
vue3
中,v-if具有比v-for更高的优先级。
fmk1023
·
2024-01-20 03:52
前端
Vue3
中使用JSX
vite中配置JSX安装相关依赖:npminstall--save-dev@vue/babel-plugin-jsx然后,在项目的vite.config.ts文件中进行配置。具体的配置内容如下图所示:import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importvueJsxfrom'@vitejs/plugin-vue-j
fmk1023
·
2024-01-20 03:52
vue.js
前端
javascript
我从
Vue3
中学到的 7 个超级实用的开发技巧
来源|https://javascript.plainenglish.io/7-super-useful-utility-functions-i-learned-from-
vue3
-adc6c93067b
web前端开发V
·
2024-01-20 02:31
字符串
js
java
python
javascript
Vue3
中响应式的实现
vue3
响应式的实现
Vue3
中,数据是基于ES6Proxy实现响应式的。
buffonme
·
2024-01-20 02:52
Vue3
中的ref和reactive函数如何使用?区别是什么?
ref函数语法:复制constxxx=ref(initValue)接受的数据类型:基本类型,对象类型作用:把参数加工成一个响应式对象,全称为reference对象(我们下面一律简称为ref对象)核心原理:响应式依赖Object.defineProperty()的get()和set()。Ref函数对于基本数据类型的参数基本使用:复制{{Str}}import{ref}from'vue'exportd
山抹微云_9c0c
·
2024-01-20 02:08
vue3
中form对象无法赋值问题
加上asyncawait还是不行有时候对象的值死活赋不上值,这时候可以看下赋值的对象变量名是否和页面组件中的ref相同,如果存在相同,则参照以下解决方案:问题定位:setup中抛出的变量不能与页面组件中的ref重复解决方式:更换ref名称ref=“form”改为ref=“messageForm”
vivk2017
·
2024-01-20 00:28
Vue
vue.js
前端
javascript
vue3
vue3
中新增时form对象无法赋值问题
有时候对象的值死活赋不上值,这时候可以看下赋值的对象变量名是否和页面组件中的ref相同,更改后正常赋值
vivk2017
·
2024-01-20 00:28
Vue
vue.js
vue3
1、前端项目初始化(
vue3
)
1、安装npm安装npm,(可以用nvm管理npm版本)npm安装需要安装node.js(绑定销售?)而使用nvm就可以很方便的下载不同版本的node,这里是常用命令1、nvminstall:安装指定版本的Node.js,例如nvminstall18.16.1。2、nvmuse:切换到指定版本的Node.js,例如nvmuse18.16.1。3、nvmcurrent:显示当前正在使用的Node.j
嘿,不许笑
·
2024-01-19 23:44
前端入门
前端
uniapp+
vue3
打包问题记录
**背景:**打包app出现问题,只显示底部导航的文字,其他一片空白1.pages.json文件:tabBar中的iconPath图标格式不支持svg,只支持:png,jpg,jpeg的格式,当图片改为.png的时候可以正常显示2.适配插件的影响:使用了postcss-pxtorem插件,同时安装了lib-flexible插件,但因为lib-flexible源码基于window对象的操作,导致打包
元宵不吃汤圆
·
2024-01-19 22:08
uni-app
vue.js
前端
vue3
elementplus el-popover组件点击外部区域无法关闭问题
1、从elemtn-plus中导入ClickOutside指令import{ClickOutsideasvClickOutside}from'element-plus'从elemtn-plus中导入ClickOutside指令//import{ClickOutsideasvClickOutside}from'element-plus'import{ClickOutsideasvClickOutsi
C++++♂️
·
2024-01-19 22:10
vue.js
前端
javascript
Vue3
实现响应式编程
Vue3
的响应式编程实现主要是基于Proxy和Object.defineProperty。以下是对
Vue3
的响应式编程实现的简单说明和代码示例。
无妄的罪
·
2024-01-19 21:09
vue.js
javascript
前端
详解Vite创建
Vue3
项目+vue-router+ts+vite+element-plus
前言在之前的文章中写过“
Vue3
+TS+ElementPlus的安装和使用教程【详细讲解】”,但那篇文章写的是创建
vue3
的项目没有使用到Vite构建工具进行创建还是使用的常规webpacket构建工具进行创建的
SwJieJie
·
2024-01-19 21:24
vue.js
前端
vite
vue3
Vue3
+Element-Plus 登录功能配置弹框提示实现十五
小技巧:当前
Vue3
.0需要使用element-plusr如果是Vue2.0是使用element-ui
Vue3
.0前面需要加上El例如
小丫头呀
·
2024-01-19 20:43
前端开发
vue.js
javascript
npm
MQTT在Web开发中的应用
一:脚手架安装mqtt作者这里用的
vue3
的框架直接上命令,npm安装或者pnpm进行安装。
Devil枫
·
2024-01-19 20:43
前端
经验分享
【六袆 - Framework】
vue3
入门;vue框架的特点矩阵列举;Vue.js 工作原理
vue框架的特点Vue.js的特点展开叙述Vue.js的工作原理展开叙述官方文档:https://cn.vuejs.org/guide/introduction.htmlVue.js的特点┌────────────────────┬────────────────────────────────────┐││Vue.js特点│├────────────────────┼──────────────
鞠崽23333
·
2024-01-19 20:35
vue3
前端框架相关技术
vue.js
前端
javascript
vue3
+ naive ui + Tabs 报错 ‘Slot “default“ invoked outside of the render function‘
警告的异常信息:'Slot"default"invokedoutsideoftherenderfunction'解决方法:如下给Tabs组件加一个defaultValue的默认值即可参考:https://github.com/tusen-ai/naive-ui/issues/3134
三劫散仙
·
2024-01-19 20:55
前端
ui
vue
naive
vue3
.x实践经验-1、mapState、mapGetters、mapMutations、mapActions
一边学习
vue3
.x,一边实践,最近在做项目时,使用computed引入store中state的数据时,总是觉得很麻烦,想起新版兼容2.x,就想着引入mapState,可是怎么用都不对劲。
不收藏找不到我
·
2024-01-19 19:02
vue学习笔记
vue
js
VUE3
,自定义控制keep-alive缓存
安装插件npminstallvite-plugin-vue-setup-extend--save在vite.config.ts中importVueSetupExtendfrom'vite-plugin-vue-setup-extend'.....plugins:[vue(),VueSetupExtend(),.....]useKeepalive.tsimport{ref}from"vue"expo
日积一步
·
2024-01-19 19:50
vue.js
javascript
前端
【Vue技巧】
vue3
中不支持.sync语法糖的解决方案
海鲸AI-ChatGPT4.0国内站点,支持设计稿转代码:https://www.atalk-ai.com在
Vue3
中,.sync修饰符已经被移除。
海鲸AI
·
2024-01-19 19:46
vue.js
javascript
前端
vue3
+vite
搭建项目
第一步npminitvite@latest当然,我在建项目的时候输入这个命令行的时候,报错了,提示安装依赖,执行如下命令:npminstall-gcreate-vite全局安装create-vitecdxxxnpminstallnpmrundev之后就按照步骤选择vuets或者js语言就可以了搭建好项目之后,我们就开始新建路由文件以及views文件夹了安装依赖npminstallvue-route
前端~
·
2024-01-19 18:26
javascript
vue.js
前端
TS在
vue3
中的初使用
一、定义基本类型constmyRef=ref(1);constmyStringRef=ref('hello');constmyBooleanRef=ref(true);二、引用类型(1)对象interfaceMyData{name:string;age:number;}constmyData:MyData={name:'Alice',age:25,};constmyRef=ref(null);//
和科比合砍81分
·
2024-01-19 17:27
vue.js
javascript
前端
Vue3
+Ts+Vite项目(第三篇)——配置husky、stylelint、commitlint,配置git提交代码校验
文章目录简介一、项目环境1.1node.jsv16.0.0及以上(我v16.14.1)1.2pnpmv8.0.0及以上(我v8.6.6)二、创建项目2.1安装pnpm2.2创建项目-不多赘述三、配置eslint3.1安装eslint3.2生成eslint配置文件3.3完善.eslintrc.cjs文件中的rules对象3.4新建忽略文件3.5添加脚本3.6检测是否生效四、配置prettier4.1
礼貌而已
·
2024-01-19 17:57
#
Vue3从零到一项目实战
vue.js
javascript
git
vue3
项目eslint配置、配置prettier(格式化配置)
文章链接:全部配置链接第一步:eslint配置、配置prettier(代码格式化):点击链接(1).eslint.cjs—eslint配置文件(2).eslintignore—校验忽略文件(3).prettierrc.json添加规则(4).prettierignore忽略文件prettierrc规范说明:第二步:styleLint配置样式链接第三步:husky配置第四步:commitLint配置
和科比合砍81分
·
2024-01-19 17:25
vue.js
前端
javascript
vue3
通过函数方式调用组件
由于项目中有个小需求,双击数据库表格数据变为输入框修改or点击选中删除数据后需要弹窗显示要执行的SQL,点击执行后方可修改数据库数据(出于二次确认以及有时是需要把SQL拷贝出来提工单到生产环境执行等)。原本使用的是ElementPlus的ElMessageBox.prompt()函数进行弹框显示sql内容,但是该方式不好控制弹框大小,以及sql关键字美化等。故而就想通过类似的方式实现一个函数来
Coder慌
·
2024-01-19 16:23
vue
前端
vue
vue3
项目中关闭 eslint 检验
文章目录需求分析需求关闭eslint检验分析在
Vue3
项目中,可以通过修改package.json文件或者配置.eslintrc.js文件来关闭ESLint检验。
博客zhu虎康
·
2024-01-19 15:57
JS解决方案
vue.js
前端
javascript
Vue2-
Vue3
一、初始Vue动态构建用户界面的渐进式JavaScript框架英文官网中文官网1.1创建Vue实例想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;{{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性;一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新(响应式);注意区分:js表达式和js代码(语句)1.表达式:一个表达式会产生一个值,
前端扫雪工
·
2024-01-19 15:26
vue.js
前端
javascript
uniapp
vue3
vscode快速开发配置 使用 pinia 持久化数据,数据加密,unocss
Uniapp
Vue3
/ViteTypescript命令安装文档npxdegitdcloudio/uni-preset-vue#vite-tsmy-
vue3
-projectgitee模板下载vscode快速开发插件
潇、然
·
2024-01-19 15:25
vue
typescript
uniCloud
uni-app
typescript
vue.js
vue3
组件的二次封装(保留其属性和事件,插槽,方法)
vue3
组件的二次封装基础组件模拟封装一个基础组件,包含一个base事件,一个title属性,默认插槽和footer插槽暴漏closeopen方法x-basedefineProps();constemit
潇、然
·
2024-01-19 15:24
vue
vue.js
前端
Vue3
笔记
文章目录1、
Vue3
.0环境集成1.使用vue-cli创建2.使用vite创建2、常用的CompositionAPI(组合API)1、setup函数2、ref函数3、reactive函数4、
Vue3
.0
小狐狸ya
·
2024-01-19 15:52
vue
vue.js
javascript
前端
vue相关的面试题应该怎么答
作为扩展,还可以说说
vue3
中新引入的compositionapi带来的变化回答范例:常见的组件扩展方法
bb_xiaxia1998
·
2024-01-19 15:47
前端框架
vue.js
什么是Pinia,它是如何工作的
什么是PiniaPinia是
Vue3
的状态管理库,它提供了一种简单、可靠和可扩展的方法来管理应用程序状态。它的目标是提供一个清晰的API,易于使用,并避免不必要的性能开销。
黑狼传说
·
2024-01-19 15:46
vue.js
vue3
路由的props配置
路由写一下代码,代码重点再家一个proprs,而且不要忘了再path后面写需要传的参数{path:"/my:kobe/:num/:age",name:"my",component:()=>import("../views/my.vue"),props:true}然后我们再获取参数的页面用defineProps获取就行了import{ref,onMounted,toRefs}from"vue";de
paul jeorgh
·
2024-01-19 15:57
前端
javascript
html
vue3
跳转到微信小程序成功案例,报错分析
首先我之前出了一个,那是我成功跳转了以后的结果,但是第二天改样式的时候就失效了报错,报了两天的错误,回到正题.我们首先把我们请求的函数放到onMounted外面,这样我们签名的速度很快.用户体验更好.然后我们要签名,请求,请求数据以后给微信发我们请求过来的一些参数.签名请求和wx.config,wx,ready,实现有一下代码import{ref,onMounted,}from"vue";impo
paul jeorgh
·
2024-01-19 15:26
微信小程序
小程序
typescript
vue.js
前端框架
前端
html5
vue3
项目跳转到微信小程序
首先我们要认证公众号然后给后端发起请求,请求一下代码//引入wxsdkimportwxfrom"weixin-js-sdk";constisWxReady=ref(false)constwxAppletData=ref({})//保存数据后端返回的数据constgetSign=async()=>{leturl=encodeURIComponent(location.href.split("#")[
paul jeorgh
·
2024-01-19 15:56
微信小程序
小程序
javascript
vue.js
npm
开发语言
【学习记录24】
vue3
自定义指令
一、在单vue文件中直接使用1、html部分{{item}}-{{item*2}}2、js部分import{ref}from'vue'//loading图片路径importimgSrcfrom'@/views/loading.gif'constdata=ref(1)//定义loading初始值为true,插入loadingconstloading=ref(true)//单页面自定义指令直接使用v开
天才和人才就差了二
·
2024-01-19 15:54
学习
vue.js
javascript
上一页
32
33
34
35
36
37
38
39
下一页
按字母分类:
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
其他