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.0
vue3速查笔记
文章目录一、创建
Vue3.0
工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理
一只小白菜~
·
2024-03-11 12:40
vue
笔记
vue3
vue
手写一个Vue的简单双向绑定实例!
采用的是数据劫持结合发布和订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter值,在数据变动时,发布消息给订阅者,出发相对应的监听回调(当然这是在
Vue3.0
一浅小屋和你
·
2024-02-20 08:24
推荐几个基于
Vue3.0
全家桶的优秀开源项目
PPTistPPTist是一个基于Vue3.x+TypeScript+Pinia+AntDesignVue+Canvas的在线演示文稿(幻灯片)应用,还原了大部分OfficePowerPoint常用功能,实现在线PPT的编辑、演示,支持导出PPT文件。演示地址:PPTIST-在线演示文稿源码地址:GitHub-pipipi-pikachu/PPTist:基于Vue3.x+TypeScript的在线
一只理智恩
·
2024-02-19 23:23
vue
开源
Vue3.0
商店后台管理系统项目实战-vue3搭配Element Plus框架使用
侧边栏导航vue3搭配ElementPlus框架使用ElementPlus基于Vue3,面向设计师和开发者的组件库文档:https://element-plus.gitee.io/zh-CN/安装#NPM$npminstallelement-plus--save图片.png安装完成之后开始引入打开main.js的文件这里接口文档上是有说明的,直接根据文档上的教程来写图片.pngmain.jsimp
祈澈菇凉
·
2024-02-19 22:40
前端Vue必问面试题
1,
Vue3.0
为什么要使用proxy在Vue2中,0bject.defineProperty会改变原始数据,而Proxy是创建对象的虚拟表示,并提供set、get和deleteProperty等处理器
·
2024-02-19 15:24
前端vue.js
vue2.0和vue3.0v-model使用对比
我们在写项目的时候,经常自定义组件,并且需要传参,刚好v-model是一个双向绑定,所以我们会把v-model的思想使用到各个自定义组件中在vue2.0中,v-model只能对应一个变量在
vue3.0
中
糖小羊儿
·
2024-02-19 14:22
Vue3快速上手
目录1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建
Vue3.0
工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1
__畫戟__
·
2024-02-15 06:40
VUE
ES6
vue.js
vue3
Vue3快速上手
Composition
API
setup
【
Vue3.0
实战逐步深入系列】基于axios+elementui实现一个动态可配置的投票功能
【千字长文,熬夜更新,原创不易,多多支持,感谢大家】前言小伙伴们大家好。前面文章我们引入了elementui组件库,对我们的投票功能做了一下简单的美化,在经过一番的折腾后终于我们的投票模块在保证了功能的情况下,也变得美观了两全其美。然而一次只能做一个主题的投票显得太过单调,并且投票主题都是定死的,如果想换其它主题就不得不修改源码了。今天我们在前面投票功能的基础上进行一个扩展:投票还是投票,但是要让
一笑程序猴
·
2024-02-15 05:35
VUE
javascript
前端
vue
vue3
Vue3.0
(五):Vue-Router 4.x详解
Vue-Router详解vue-router教程认识前端路由路由实际上是网络工程中的一个术语在架构一个网络的时候,常用到两个很重要的设备—路由器和交换机路由器实际上就是分配ip地址,并且维护着ip地址与电脑mac地址的映射关系通过映射关系,路由器才知道要把数据发送给哪台电脑而路由在软件工程中出现,最早是由后端实现的,同时随着web的发展,路由也经历了一些阶段后端路由阶段前后端分离单页面富应用其核心
前端大菜鸟_
·
2024-02-14 09:28
Vue3.0
vue.js
前端
javascript
路由守卫
vue-router
Vue3.0
(六):VueX 4.x详解
Vuex4状态管理什么是状态管理在开发中,我们的应用程序需要处理各种各样的数据,这些数据需要保存在应用程序的某一个位置,对于这些数据的管理,就是状态管理目前前端项目越来越复杂,多组件共享同一数据的状态很常见,因此需要一个更加方便地状态管理库Vuex状态管理在Vuex中,组件通过读取Vuex中的State数据状态,显示到页面上而组件想要修改State中的数据,需要通过Dispatch,提交Mutat
前端大菜鸟_
·
2024-02-14 09:58
Vue3.0
javascript
vue.js
ecmascript
Vue3.0
(七):Pinia状态管理
Pinia状态管理最初是作为一个实验为Vue重新设计状态管理,让它用起来像组合式APIPinia和Vuex的对比为什么要用PiniaPinia最初是为了探索Vuex的下一次迭代会是什么样子,结合了Vuex5核心团队讨论中的很多想法最终,团队意识到Pinia已经实现了Vuex5中大部分的内容,所以最终决定使用Pinia来代替Vuex与Vuex相比,Pinia提供了一个更加简单的API,具有更少的仪式
前端大菜鸟_
·
2024-02-14 09:58
Vue3.0
vue.js
pinia
使用Provide和Inject设计Vue3插件
查看CompositionAPI文档,在
Vue3.0
中,使用Provide和Inject进行依赖项注入将更为常见。
魂斗驴
·
2024-02-13 14:47
vue和react的区别
vue和react的区别:一.定位:两者都是UI层的框架,vue是数据响应式的框架;二.vue使用的语法是template,react使用的语法是JSX;三.
vue3.0
推出了hooks:compositionapi
XiaoMai
·
2024-02-13 13:41
【
Vue3.0
】- Composition API
什么是CompsitionAPIVue.js3.0允许我们在编写组件的时候添加一个setup启动函数setup是CompositionAPI逻辑组织的入口Countis:{{state.count}},doubleis:{{state.double}}import{reactive,computed}from'vue'exportdefault{setup(){conststate=reactiv
啦啦啦喽啰
·
2024-02-11 21:57
【小编推荐②】Laravel10 +
Vue3.0
前后端分离框架通用后台源码
演示网址:https://download.notestore.cn/20231212/账号:admin密码:admin注意事项:后端项目部署,尽量用域名,不要用phpartisanserve,启用后端项目,否则会出现后台无法登录问题服务器环境:PHP8.2[已测]Mysql5.740[已测]目录结构:/backend(后端目录)/frontend(前端目录)/resource(资源目录,包含数据
·
2024-02-11 17:23
laravelvue3
vue3.0
运行报错
Node.js17版本opensslErrorStack:[‘error:03000086:digitalenveloperoutines::initializationerror’]报错描述D:\workspace\ideaproject\RuoYi-Cloud\ruoyi-ui>
[email protected]
小刘今天你改bug了吗
·
2024-02-11 15:44
webpack
前端
javascript
vue3.0
中的双向数据绑定方法
1.为什么要替换Object.defineProperty替换不是因为不好,是因为有更好的方法使用效率更高Object.defineProperty的缺点:1.在Vue中,Object.defineProperty无法监控到数组下标的变化,导致直接通过数组的下标给数组设置值,不能实时响应。push()pop()shift()unshift()splice()sort()reverse()目前只针对
为光pig
·
2024-02-11 11:43
vue3.0
和 2.0的差异
对比学习2.0和3.0并记录学习收获:·3.0比2.0快2倍·3.0去掉了filter,么有beforeCreatecreated,用setup取代·reactivity是可以单独作为库使用的·单独功能可以抽离取代了mixin优于mixin解决上下反复横跳·支持多个子节点fragment·setup里没有this·Proxy实现响应式不需要setdelete兼容性并不好·响应式方面性能得到很大提升
前端大镖客_
·
2024-02-10 11:24
【高频前端面试题--TypeScript篇】
作者:“码上有前”文章简介:前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--
Vue3.0
篇什么是TypeScript?
码上有前
·
2024-02-09 05:25
前端
前端
typescript
javascript
【高频前端面试题--
Vue3.0
篇】
作者:“码上有前”文章简介:前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--
Vue3.0
篇
Vue3.0
有什么更新defineProperty和proxy的区别
Vue3.0
为什么要用proxy
码上有前
·
2024-02-09 05:21
前端
前端
vue.js
javascript
vue3项目keepAlive使用方法详解
以下主要将keepaliev在
vue3.0
中的用法。
Trank-Lw
·
2024-02-08 13:47
前端
vue.js
javascript
前端
vue3.0
watch函数案例
App.vue代码:importDemofrom'./components/Demo'exportdefault{name:'App',components:{Demo}}Demo代码:当前求和为:{{sum}}点我+1当前的信息为:{{msg}}修改信息姓名:{{person.name}}年龄:{{person.age}}修改姓名增长年龄import{ref,reactive,watch}fro
前端程序员路易
·
2024-02-08 12:20
vue
vue.js
前端
Vue3.0
(四):Composition API的使用
CompositionAPI认识CompositionAPI前几篇文章中主要用OptionsAPI进行编写代码,但是有一些弊端OptionsAPI弊端在OptionsAPI中,有data、watch、computed、methods以及生命周期函数各种各样的选项而一个变量,为了实现某个功能,会分散在各个选项中,不利于代码的维护此时CompositionAPI就出现了使用setup函数可以将大部分选
前端大菜鸟_
·
2024-02-08 09:23
Vue3.0
vue.js
javascript
前端
搭建
vue3.0
项目
安装脚手架卸载原来的脚手架npmuninstallvue-cli-g下载新的脚手架npmuninstallvue-cli-g或者npminstall--global@vue/cli@nextvuecreatevue3-bm选择功能进行下载image.png启动项目npminstallnpmrunserve//启动项目image.png配置环境变量和代理我们在项目中可以使用env创建环境变量新建三个
hegege
·
2024-02-08 08:52
Vue3.0
(二):Vue组件化基础 - 脚手架
Vue组件化基础-脚手架Vue的组件化我们在处理一些任务量比较庞大的工作时候,会将工作内容进行拆分,分步骤完成而组件化的思想正式如此,对于一个庞大的项目,我们可以将其拆分成一个个的小功能,分步骤进行实现组件化是Vue的核心思想在前面的学习中,我们在createApp中传入了一个App对象,这个对象的本质其实就是一个组件{{item}}//使用VueconstApp={data(){return{a
前端大菜鸟_
·
2024-02-07 02:18
Vue3.0
vue.js
前端
javascript
Vue3.0
(三):Vue组件化深入理解
Vue组件化深入理解生命周期每个组件都可能经历创建、挂载、更新、卸载等一系列过程在每个阶段,我们可能会添加一些属于自己的逻辑代码在Vue中,生命周期通过生命周期函数实现生命周期函数实际上就是回调函数,在某个时间会被Vue源码调用通过生命周期函数的回调,我们可以知道目前组件正在经历什么阶段生命周期的流程初始化事件生命周期beforeCreate创建组件实例:初始化注入和响应式created:发送网络
前端大菜鸟_
·
2024-02-07 02:43
Vue3.0
vue.js
前端
javascript
Vue3.0
商店后台管理系统项目实战-导航的icon图标
参考资料
Vue3.0
官方文档:https://cn.vuejs.org/ElementPlus文档:https://element-plus.gitee.io/zh-CN/ElementPlus提供了一套常用的图标集合
祈澈菇凉
·
2024-02-06 14:25
推荐好用的vue插件02 v-md-editor富文本编辑器
一、介绍v-md-editor是基于Vue开发的markdown编辑器组件二、安装与注册即支持vue2.0的项目也支持
vue3.0
的项目,不过两种版本的安装版本不同-[Demo](https://code-farmer-i.github.io
longbao_1
·
2024-02-06 11:08
前端
vue.js
github
javascript
Vue3 发布正式版(2020.9.19)
[官宣]
Vue3.0
—OnePiece发布各位先收藏再点赞,本文章绝对值得你的一赞点击至Vue3官网Vue团队于2020年9月18日晚11点半发布了
Vue3.0
版本,我们连夜对Release进行了翻译。
铁锅炖大鹅(e)
·
2024-02-05 21:37
vue
Javascript
vue3.0
移动端将px转换为rem
第一种方法:我们可以将写的rem的js直接写在public文件夹下的index.html文件的头部,记得要加移动端头部的meta标签第二种方法:就是将rem的js放在public文件夹下创建一个,在main.js中引入,也可以使用第三种方法:参考链接https://blog.csdn.net/m0_46242315/article/details/104138421?utm_medium=dist
焚心123
·
2024-02-05 20:42
Vue3.0
所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同?
文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3的最大特点,那么为什么要推出CompositionApi,解决了什么问题?通常使用Vue2开发的项目,普遍会存在以下问题:代码的可读性随着组件变大而变差每一种代码复用的方式,都存在缺点TypeScr
花言儿
·
2024-02-05 15:02
ubuntu
linux
运维
基于springBoot、vue导出Excel文件
一、运行环境SpringBoot、jdk15(版本不影响)、
vue3.0
二、使用步骤1.导入依赖在pom.xml中添加poi的依赖:org.apa
ONY_X
·
2024-02-05 09:37
springboot
vue
spring
boot
vue
poi
vue3.0
中从proxy中取值
使用
vue3.0
时,因为底层是使用proxy进行代理的所以当我们打印一些值的时候是proxy代理之后的,是Proxy对象,Proxy对象里边的[[Target]]才是真实的对象。
天外天-亮
·
2024-02-05 06:14
Vue
proxy
vue3.0
【
Vue3.0
】- 入坑 - 全家桶
本文主要内容基于vue-cli快速搭建
Vue3.0
项目快速搭建
Vue3.0
项目版本"dependencies":{"core-js":"^3.6.5","vue":"^3.0.0-0","vue-router
啦啦啦喽啰
·
2024-02-04 13:41
::v-deep和/deep/和>>> 区别
某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,如.conBox/deep/.el-input__inner{padding:010px;}注意,/deep/在
vue3.0
Musclewl
·
2024-02-03 19:51
web
vue
前端
【
vue3.0
】26.0 某东到家( 廿六)——不同设备适配和项目上线
不同设备适配目前是针对普通手机的屏幕尺寸设计,如果需要适配比如平板电脑,等比例放大,需要进行设备配置。修改public\index.html只需要在title后面增加如下代码://设备屏幕的宽度varwidth=document.documentElement.clientWidth||document.body.clientWidthvarratio=width/375varfontSize=1
bobokaka
·
2024-02-03 18:15
vue3.0
项目启动“npm run dev”报错:error when starting dev server:Error: Cannot find module ‘node:path‘ .....
vue3.0
项目,必须安装node版本等于或者大于15.0.0版本;#安装依赖npminstall--registry=https://registry.npmmirror.com#启动服务npmrundev
至尊宝♬
·
2024-02-03 17:45
npm
前端
node.js
Vite与Vue-cli的区别和特点
目录前言1.如何使用Vite和Vue-cli创建
vue3.0
项目2.Vite与Vue-cli的特点3.Vite与Vue-cli之间的区别总结前言Vite是创建
vue3.0
时的一个基本项目脚手架和开发服务器的构建工具
程序员--韩同学
·
2024-02-03 12:40
vue3.0
vue.js
webpack
javascript
vue3.0
Composition API上手体验
vue3.0CompositionAPI上手体验
vue3.0
对比vue2.0优势
vue3.0
相比vue2.0性能提升了近50%,框架内部做了大量性能优化,包括:虚拟dom,编译模板,Proxy的新数据监听
廊坊吴彦祖
·
2024-02-03 08:57
vue
vue3.0
Composition
API
vue
vue-cli4
Vue3.0
(一):Vue的引入-options api-模板语法
Vue的引入方式CDN方式进行引入将以下script标签引入即可Document//使用Vueconstapp=Vue.createApp({template:`hello`,});//挂载app.mount("#app");本地引入可以将CDN中地址中的代码,拷贝到一个vue.js文件中之后引入该js文件即可命令式编程和声明式编程的区别以上案例是实现了一个计数器的功能左边是Vue实现右边是原生实
前端大菜鸟_
·
2024-02-03 08:55
Vue3.0
vue.js
前端
前端框架
Vue3快速上手
一、创建
Vue3.0
工程1.使用vue-cli创建官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##查看@vue
吃一口你的梦。
·
2024-02-03 05:53
vue.js
前端
学习
vue3.0
源码解析,patch&diff过程
什么是patch在浏览器中,每次操作dom,都会引起一次重绘重排过程,如果短时间进行多次操作,对性能损耗很大,容易引起卡顿。在vue中,使用虚拟dom(Virtualdom),来对真实dom的一种抽象化处理的树结构,模拟真实dom,提升性能。而在更新dom节点时,通过对虚拟dom的对比diff(如果是更新操作)来进行对虚拟dom结构的增删改的一系列操作流程,就是patch过程。前置了解在解读源码之
柯闪电
·
2024-02-02 15:47
vue
vue.js
javascript
vue
vue3.0
、cli4项目引入element plus
element团队为新版的vue-cli4准备了相应的ElementPlus插件安装依赖npminstallelement-plus--savemain.js全局引入,样式文件需要单独引入import{createApp}from'vue'importElementPlusfrom'element-plus';import'element-plus/lib/theme-chalk/index.cs
aら 淼
·
2024-02-02 12:29
vue
组件
element
plus
Vue学习之使用HBuilderX创建并使用
vue3.0
项目
Vue学习之使用HBuilderX创建并使用
vue3.0
项目下文将简述如何使用HBuilderX创建并使用
vue3.0
项目,包含项目创建、目录介绍、如何引用组件、首页自定义设置。
ciku
·
2024-02-01 20:08
Vue学习
vue.js
学习
前端
vue3.0
组件传值
vue3.0
组件传值父组件子组件hellowrold.vueHellowrold2.vue父组件Thisisanaboutpageimport{ref,reactive}from'vue';importHelloWorldfrom
miao_zz
·
2024-02-01 14:45
vue3.0
javascript
vue.js
前端
最新最全的前端面试题集锦之
Vue3.0
篇【干货满满】
该内容主要整理关于
Vue3.0
的相关面试题,关于Vue2的相关面试题请移步至:Vue全家桶篇,其他内容面试题请移步至最新最全的前端面试题集锦查看。
八了个戒
·
2024-02-01 04:38
Vue系列
前端面试
前端
vue
面试
react
Vue3
最新最全的前端面试题集锦之 Vue 全家桶篇(从基础到高级,最新最全最详细解答)
关于
Vue3.0
的相关面试题,请移步至
Vue3.0
篇查看。目录一、Vue经典面试题(附答案)1.什么是`MVVM`?2.`MVVM`和`MVC`区别?它和其它框架(`jQuery`)的区别是什么?
八了个戒
·
2024-02-01 04:08
前端
前端面试
Vue系列
vue
面试
js
vue.js
【Vue】手把手带你深入了解
Vue3.0
的渲染器
前置概念vdom:多个虚拟元素节点组合成的树状结构vnode:某一个虚拟元素节点挂载:将虚拟DOM节点渲染成真实DOM节点的过程一、渲染器的设计首先我们要区分vue当中两个概念,一个是渲染器(renderer),一个是渲染(render)。前者renderer,渲染器的作用是将我们的vdom转化成真实的DOM元素来呈现。后者render,渲染函数的作用是将我们的vnode添加并且挂载到真实DOM容
Triumph-light
·
2024-01-30 18:14
Vue框架
vue.js
javascript
前端
【Vue】
Vue3.0
样式隔离
在这里记录一下
Vue3.0
里面的样式隔离特性,在项目开发过程当中,有时候将样式单独提到了一个文件当中再引入到单组件文件当中,会导致没有样式隔离。这里阅读Vue官方文档找到了解决办法。
Triumph-light
·
2024-01-30 18:12
Vue框架
vue.js
前端
javascript
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
上一页
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
其他