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
【Vue】2-5、Vue 过滤器
【Vue2可用,
Vue3
已经弃用】过滤器可以用在两个地方:插值表达式v-bind属性绑定过滤器应该被添加在JavaScript表达式的尾部,由“管道符|”进行调用message:{{message|capi
QX_Java_Learner
·
2024-01-30 12:46
Vue
vue.js
前端
javascript
使用
vue3
+TS实现动态路由【2023无套路不需要VIP】
之前把注入路由写在beforeEach里面,在搭建动态路由前出现了很多问题,尝试各种方法都不行,心都累了。网上基本上都是这样方式,不能这样搞,反正我的项目是实现不了的。不知道出现多少错误,比如,无法找到文件、import引入错误。Uncaught(inpromise)Error:Cannotfindmodule'./()=>webpack_require("./src/viewslazyrecur
猫在裙角jslms
·
2024-01-30 12:09
vue.js
前端
javascript
typescript
vue3
.0中设置网页title
1.在public/index.html中设置title2.路由中设置meta//路由配置规则constroutes:Array=[{path:'/login',name:'login',meta:{title:'登录'},component:()=>import(/*webpackChunkName:'login'*/'@/views/login/index.vue')},{path:'/',c
猫在裙角jslms
·
2024-01-30 12:09
VUE3.0
vue
Vue3
+TypeScript该如何结合使用,这一篇保证你学会
vue3
学会了,TypeScript也学会了,但是动手
vue3
+TypeScript后,发现很多问题,我在这里根据自己多年的经验整理分享
vue3
+TypeScript所有细节更多学习资源点我获取
vue3
1
小江的博客
·
2024-01-30 12:34
前端
typescript
vue.js
前端
手写
vue3
Proxy reactive 双向绑定原理
Proxy代理对象
Vue3
Proxy双向绑定原理一定要触发set,才能够修改到界面的数据。
前端酱紫
·
2024-01-30 11:05
vue3.0
javascript
html
vue3
vue3
双向绑定原理
vue3
双向数据绑定相较于vue2通过Object.defineProperty()进行双向数据绑定,
vue3
通过proxy进行双向数据绑定,proxy对象用于定义基本操作的自定义行为(如属性查找,赋值
QYY159818
·
2024-01-30 11:05
javascript
前端
开发语言
【ES6】浅谈
Vue3
为什么使用Proxy取代defineProperty
get()set()二、Vue双向绑定实现原理三、
Vue3
为什么使用ProxydefineProperty缺陷Proxy的好处总结前言友友们大家好,
vue3
推出后大家有没有去看呢?
hhhhhhhssss
·
2024-01-30 11:33
技术文章
es6
vue
proxy
Vue3
通过Proxy实现双向数据绑定
1.什么是Proxy?它的作用是?Proxy可以理解成,在目标对象之前架设一层"拦截",当外界对该对象访问的时候,都必须经过这层拦截,而Proxy就充当了这种机制,类似于代理的含义,它可以对外界访问对象之前进行过滤和改写该对象。2.Proxy基本语法constobj=newProxy(target,handler)被代理之后返回的对象=newProxy(被代理对象,要代理对象的操作)handler
ꪤ、匿名
·
2024-01-30 11:33
代理模式
vue.js
前端
vue3
(proxy)数据双向绑定
1.1vue2和
vue3
双向数据绑定1.原理发生了改变vue2的双向数据绑定是利用ES5的一个APIObject.definePropert()对数据进行劫持结合发布订阅模式的方式来实现的。
@码农小洲
·
2024-01-30 11:33
vue.js
javascript
前端
vue
vue3
双向绑定的原理
利用proxy+reflectproxy:用于修改某些操作的默认行为,等同于在语言层面做出修改。相当于在目标前假设一个拦截层,外层对该对象的访问都必须经过这层拦截。reflect:es6为操作对象而提供的新的api。目的有:1.将Object对象的一些明显属于语言内部的方法,放到Reflect对象上。如Object.defineProperty2.修改某些Object方法的返回结果,让其变得更合理
hcoke
·
2024-01-30 11:33
JavaScript
javascript
前端
Vue3
.x双向绑定原理Proxy
Proxy实现双向绑定v-model描述双向绑定原理双向绑定原理稍等,我整理出来,让大家都能快速理解,省的云里雾里。
devincob
·
2024-01-30 11:03
proxy
vue3.x
【
vue3
】Proxy手写Vue数据双向绑定和指令
实现一个简单的
vue3
我们都知道vue2响应式数据的原理:整体思路是数据劫持+观察者模式对象内部通过defineReactive方法,使用Object.defineProperty将属性进行劫持(只会劫持已存在的属性
small_Axe
·
2024-01-30 11:03
Vue
vue.js
为什么
Vue3
双向绑定使用Proxy
对于数组通过push、unshift方法增加的元素,也无法监听
Vue3
使用Proxy双向数据绑定Proxy代理的是整个对象,而不是对象的某个特定属性,不需要我们通过遍历来逐
zhongshizhi91
·
2024-01-30 11:31
vue.js
前端
javascript
Vue3
getCurrentInstance与ts结合使用的坑
一、关于在ts中使用到类型定义错误问题报错:...类型“ComponentInternalInstance|null”就嗝屁了。。。1.可以添加ts忽略去解决//@ts-ignoreconst{proxy}=getCurrentInstance();但是这个方法很无脑,也麻烦。。。2.考虑到在获取上下文和全局挂载实例的时候会用到这个getCurrentInstance,那我们来新建hooks\us
工匠四点零
·
2024-01-30 10:02
Vue3
(六)reactive vs ref(下)
ref相关的函数ref是vue为了实现简单类型的响应性,而设计的一个函数,同时也支持对象类型(会把对象变成reactive的形式)。所以使用范围非常广泛。unref如果参数为ref,则返回内部值,否则返回参数本身。//简单类型conststring=Vue.ref('jyk')//对象constperson=Vue.ref({name:'jyk',age:100})//unrefconsole.l
自然框架
·
2024-01-30 10:16
开源:基于
Vue3
.3 + TS + Vant4 + Vite5 + Pinia + ViewPort适配..搭建的H5移动端开发模板
vue3
.3-Mobile-template基于
Vue3
.3+TS+Vant4+Vite5+Pinia+ViewPort适配+Sass+Axios封装+vconsole调试工具,搭建的H5移动端开发模板
HaushoLin
·
2024-01-30 10:09
Vue3
开源
前端
vue.js
javascript
架构
postcss
typescript
在vue中如何使用vuex
二、何时使用多个组件需要共享数据时三、安装npminstallvuex@3--save//vue2安装3
vue3
安装4四、搭建vuex环境1.创建文件:src/store/index.jsimportVuefrom'vu
X~xue
·
2024-01-30 09:53
vue
vue.js
javascript
前端
前端框架
vue3
组合式api中,子组件给父组件传递事件的写法
子组件exportdefaultdefineComponent({components:{...},props:{...},//定义抛出的事件名称emits:["player-play"],setup(props,context){//抛出constplay=()=>{...context.emit('player-play',附带的数据);...}}})父组件
qq_33761388
·
2024-01-30 09:54
vue3
vue.js
vue3
组合式api,组件的命名方法详解
在
vue3
组合式api中,我们可以如下命名这样便可以轻松命名组件,但是我们通常使用setup语法糖形式()来写代码,一旦使用语法糖,便不能再使用上述命名方法,以下我统计了一些setup语法糖的组件命名方法
我只会JS
·
2024-01-30 09:22
vue
vue.js
前端
javascript
vue 3.0 +vite rem 适配
vue3
+vite安装postcss-pxtorem1、安装依赖npminstallpostcss-pxtorem-Dnpminstallamfe-flexible-D2、配置vite.config.tsimportpostCssPxToRemfrom"postcss-pxtorem"exportdefaultdefineConfig
Joan_King_
·
2024-01-30 09:11
vue3
组合式API获取子组件的属性和方法
在vue2中,获取子组件实例的方法或者属性时,父组件直接通过ref即可直接获取子组件的属性和方法,如下://father.vuethis.$ref['instanceRef'].testValthis.$ref['instanceRef'].testFunc()//child.vuedata(){return{testVal:'来自子组件的属性'}},methods:{testFunc(){ret
椒盐大肥猫
·
2024-01-30 09:19
vue3
vue.js
javascript
前端
vue3
之echarts3D环柱饼图
vue3
之echarts3D环柱饼图效果:版本"echarts":"^5.4.1","echarts-gl":"^2.0.9"核心代码:import{onMounted,ref}from"vue";import
V。on
·
2024-01-30 08:01
echarts
echarts
3d
vue.js
vue3
之echarts3D环柱图-间隔版
vue3
之echarts3D环柱图-间隔版效果:版本"echarts":"^5.4.1","echarts-gl":"^2.0.9"核心代码:import{onMounted,ref}from"vue"
V。on
·
2024-01-30 08:01
echarts
echarts
3d
vue.js
【学习笔记】
vue3
的watch
尚硅谷Vue2.0+
Vue3
.0全套教程丨vuejs从入门到精通课程P152节笔记:情况一:监视ref所定义的一个响应式数据情况二:监视ref所定义的多个响应式数据这两种情况比较简单,正常写就ok:情况三
youyoufenglai
·
2024-01-30 08:24
学习
笔记
vue.js
基于elementPlus二次封装可编辑表格组件
参考:
vue3
二次封装element-plus表格组件_
vue3
+ts+elementui-plus封装表格分页组件-CSDN博客组件封装index.vue:{{k.name}}{{item.formatData
前端你鹏哥
·
2024-01-30 08:51
vue.js
elementui
javascript
JavaWeb,Vue的学习(上)
响应性:Vue会自动跟踪JavaScript状态并在其发生变化时响应式地更新DOMVite+
Vue3
项目的目录结构public/目录:用于存放一些公共资源,如HTML文件、图像、字体等,这些资源会被直接复制到构建出的目标目录中
二狗mao
·
2024-01-30 08:40
JavaWeb学习
前端
vue.js
JavaWeb
vite+ts+
vue3
打包的过程和错误
文章目录概要vite.config.ts配置tsconfig.json的配置package.json的配置路由配置打包打开打包后的文件小结概要完成vite的打包,和在本地打开页面记录一下,vite打包过程中的问题!!!vite.config.ts配置vite.config.ts配置打包的相关配置import{defineConfig}from'vite'importvuefrom'@vitejs/
梦想家加一
·
2024-01-30 07:39
前端问题
前端
vue.js
Vue3
Hooks函数使用及封装
目录1.什么是hooks函数?2.封装一个hooks函数不带参数的hooks的封装带参数的hooks的封装1.什么是hooks函数?将单独功能的js代码抽离出来,加工成公共函数,从而达到逻辑复用。有了compositionAPI意味着我们就可以自定义封装hooks,最终的目的都是进行复用,在Vue2中复用的方式大部分都是采取的mixin,但相比hooks,hooks更清楚复用的功能来源及功能。2.
梦想家加一
·
2024-01-30 07:08
vue.js
javascript
前端
SpringBoot整合EasyCaptcha图形验证码
添加依赖com.github.whvcseeasy-captcha1.6.2需求分析前后端分离,前端使用
Vue3
开发,后端使用SpringBoot开发。组件首次挂载时,获取验证码。点击图片刷新获取验证
gengduc
·
2024-01-30 06:29
Spring全家桶
spring
boot
后端
java
EasyCaptcha
尚硅谷Vue项目实战硅谷甄选
Vue3
学习笔记
Props父传值子组件子组件我是子组件:曹植{{props.info}}{{props.money}}{{info}}{{money}}修改props数据letprops=defineProps(['info','money']);//接收父类给予的数值//按钮点击的回调constupdateProps=()=>{//props:只读儿子没有console.log(props.info)}父组件p
方雄
·
2024-01-30 04:36
vue
vue.js
学习
笔记
【Vue】为什么
Vue3
使用Proxy代替defineProperty?
先来看看Vue2中defineProperty来操作数据:constobj={a:1,b:2,c:{a:1,b:2}}function_isObject(v){returntypeofv==='object'&&v!==null;}functionobserve(object){for(letkeyinobject){letv=object[key];if(_isObject(v)){observ
小秀_heo
·
2024-01-30 03:47
Vue
vue.js
javascript
前端
vue3
报错 Component name “Footer“ should always be multi-word
报错内容Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-linetoignorethenextline.Use/*eslint-disable*/toignoreallwarningsinafile.ERRORin[eslint]/Users/soul/projects/learning-vuejs3/c
用户昵称不能为空
·
2024-01-29 23:42
javascript
vue.js
开发语言
webpack5快速搭建
Vue3
项目
webpack5快速搭建
Vue3
项目基础环境搭建安装依赖webpack配置文件修改引入Vue基础环境搭建参考webpack5快速搭建HTML项目安装依赖vue:yarnaddvue-Svue-loader
weiweivita
·
2024-01-29 22:27
webpack
vue
webpack
typescript
VUE项目搭建
vue项目搭建选择程序放置的文件夹,在路径栏中输入cmd,再按回车打开命令行窗口在命令行中输入以下内容vuecreatethreejs选择
vue3
默认创建完成之后的界面是这样打开创建好的工程项目,在package.json
言馨
·
2024-01-29 22:06
vue.js
javascript
前端
uniapp-v3组合式语法-data实现
)返回的属性将会成为响应式的状态//并且暴露在`this`上data(){return{count:0}},}但这样写,很明显一点都不优雅,代码缩进太多了,还没开始写呢,就已经嵌套了三层大花括号,所以
vue3
Qayrup
·
2024-01-29 21:13
uniapp
v3组合式API
uni-app
vue.js
javascript
基于
vue3
+ts+vite封装的动态表单,支持手动编辑生成页面表单配置并渲染使用,所有源码都在文章中
效果图一、第一个文件index.vue,也就是表单生成器的根页面importaxiosfrom'axios'import{ref,reactive}from'vue'importformRenderfrom'./modules/formRender.jsx'importformCreatorfrom'./modules/formCreator.vue'import{ElNotification}f
jsmeng626
·
2024-01-29 19:04
组件封装
vue
vue.js
javascript
typescript
Vue3
Element-plust表格导出excel文件
安装插件:npmijs-table2excel引入插件:importtable2excelfrom"js-table2excel";table收集数据:consthandleSelectionChange=(val:User[])=>{//收集选中的数据multipleSelection.value=val;};导出excel文件:letarr=[{title:"名称",//名字自定义key:"n
茶已微凉ノ
·
2024-01-29 19:19
vue.js
前端
javascript
【Uni-App】
Vue3
如何使用pinia状态管理库与持久化
安装插件pinia-plugin-unistorage引入//main.jsimport{createSSRApp}from"vue";import*asPiniafrom"pinia";import{createUnistorage}from"pinia-plugin-unistorage";exportfunctioncreateApp(){constapp=createSSRApp(App)
RisunJan
·
2024-01-29 19:42
Uni-app
uni-app
javascript
前端
vue3
.0性能优化点之静态标记(PatchFlag)
关注
Vue3
源码库的童鞋应该有注意到,2021.11月2号Vue更新到了3.2.21版本,自
Vue3
发布以来,一直在不断的迭代完善着,
Vue3
的GitHub仓库已有25.7kStar,主流UI框架如:AntDesignofVue
Ashley的成长之路
·
2024-01-29 18:34
Vue
前端
vue.js
性能优化
javascript
Vue2 VS
Vue3
生命周期
三、Vue2VS
Vue3
生命周期生命周期Vue2
Vue3
备注创建阶段befor
Ashley的成长之路
·
2024-01-29 18:30
Vue
javascript
前端
vue.js
Vue3
#
Vue3
篇:defineExpose()可以通过 `defineExpose` 编译器宏来显式指定在 `<script setup>` 组件中要暴露出去的属性:
使用的组件是默认关闭的——即通过模板引用或者$parent链获取到的组件的公开实例,不会暴露任何在中声明的绑定。可以通过defineExpose编译器宏来显式指定在组件中要暴露出去的属性:vueimport{ref}from'vue'consta=1constb=ref(2)defineExpose({a,b})当父组件通过模板引用的方式获取到当前组件的实例,获取到的实例会像这样{a:number
前端xiaolibao
·
2024-01-29 18:30
Vue3篇
前端
vue.js
#
Vue3
篇:defineProps---withDefaults&&
Vue3
中,有以下几种属性或函数不需要手动引入即可直接使用:
reactive({})definePropsimport{defineProps}form'vue'import{typepersons}from'@/types'letprops=defineProps(['a'])withDefaults给默认值import{defineProps,withDefaults}form'vue'import{typepersons}from'@/types'l
前端xiaolibao
·
2024-01-29 18:27
Vue3篇
vue.js
vue3
el-pagination 将组件中英文‘goto’ 修改 为 中文到‘第几’
效果如图:要求:将英文中Goto改为到第几操作如下://注意:这是重要部分//在调用分页组件el-pagination的页面:import{ElConfigProvider}from'element-plus'importzhCnfrom'element-plus/es/locale/lang/zh-cn';zhCn.el.pagination.goto="到第"
PXY_J
·
2024-01-29 17:10
vue3+vite
vue3
js
vue.js
elementui
前端
Vue3
+Element Plus+TS 项目利用 el-pagination 封装公共的分页组件
注:项目采用最新的
Vue3
setup语法糖效果展示封装前封装后代码实现Pagination.vue子组件0"class="flexjustify-end":background="background"
漓°
·
2024-01-29 17:10
前端
javascript
vue.js
前端
typescript
elementui
【vue-element-admin】--Pagination分页组件设置
vue-element-admin】--Pagination分页组件设置一、参考资料一、涉及到的文件1、//src/utils/scroll-to.js2、//src/components/Pagination/index.
vue3
骨月
·
2024-01-29 17:40
vue.js
vue3
中使用echarts的子组件接收父级传来参数,并重新渲染 +++watch监听的用法
1、父组件页面:高度(m)importheightChartfrom"./echarts/heightChart.vue"constprops=defineProps({equipmentReal:{type:Object,default:function(){return{};},},echartsData:{type:Array,default:function(){return[];},}}
PXY_J
·
2024-01-29 17:10
vue3
echarts
javascript
前端
vue3
+element plus的el-pagination分页样式自定义
在style下写入::v-deep(.is-active){background-color:#65cea7!important;}这样就可以完成自定义分页器的样式了,快来试试吧!
Sink_web
·
2024-01-29 17:39
前端
vue.js
javascript
vue3
封装el-pagination分页组件
1、效果如图:2、分页组件代码:import{ElConfigProvider}from'element-plus'importzhCnfrom'element-plus/es/locale/lang/zh-cn';zhCn.el.pagination.goto="到第"constprops=defineProps({total:{required:true,type:Number,default
PXY_J
·
2024-01-29 17:38
vue3
vue.js
elementui
javascript
vue3
el-pagination二次封装
在网上也有不少的封装案例,但大多都不符合
vue3
语法糖的最新格式,没多少内容,直接上干货。
努力搬砖的小码农
·
2024-01-29 17:08
elementui
vue.js
vue3
使用create-vue创建项目
vue3
使用create-vue创建项目开发工具认识create-vue使用create-vue创建项目前提条件创建一个vue应用安装依赖和启动项目项目结构介绍
vue3
项目结构修改项目的端口号全局安装create-vue
迷失的小鹿
·
2024-01-29 16:55
vue
vue.js
前端
javascript
上一页
20
21
22
23
24
25
26
27
下一页
按字母分类:
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
其他