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
Vue2.x
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
监听小程序的全局对象
对于vue的watch监听,还是比较舒服的一个操作,那么小程序里是没有这个api的,只能我们自己手写一个了对于监听其实就是监听val的变化,知道
vue2.x
的小伙伴应该知道vue中的data都是经过Object
你可曾梦见过蝴蝶
·
2023-09-30 13:29
VUE pdf.js 实现远程pdf文件预览
https://mozilla.github.io/pdf.js/getting_started/#download2:将下载的pdf文件放入项目静态文件中,vue3.0的话放入到public下,如果是
vue2
lxw1005192401
·
2023-09-29 18:10
前端框架
前端
vue
pdf
vue3学习笔记(1)
本篇文章就来介绍一下Vue3.0的使用以及和
Vue2.x
的区别。
liuwenjie_
·
2023-09-28 21:57
前端人
Vue3
vue学习笔记
vue.js
vue
学习
前端
【vue2】vue的生命周期以及数据监听分析
版本:
vue2.X
、antdesignvue1.7.81.vue的生命周期是什么?
鱼干~
·
2023-09-27 19:46
vue.js
前端
javascript
Vue2.x
源码 - computed 和 watch 的依赖收集和更新
上一篇:
Vue2.x
源码-响应式原理Vue的组件对象支持计算属性computed和侦听属性watch,上一篇只是统一的分析了整个响应式的过程,这一篇针对这个两个属性来详细说明一下;文章目录computed
三个木马人
·
2023-09-27 19:16
vue
vue.js
computed
watch
watcher
依赖收集
vue2.x
迭代更新项目去掉缓存处理
找到build文件下的webpack.prod.conf.js文件定义一个常量versionconstVersion=newDate().getTime();然后在.js和.css前面加上.${Version}就可以了(注意得把原本的''换成``)
chendawen2014
·
2023-09-27 11:29
Vue.js
vue.js
vue2.x
使用debounce里debounce第二个参数怎么读取到this
最近遇到一个需求,
vue2.x
里的debounce的延迟时间(暂记为wait)需要通过this.wait拿到很快啊,一顿操作,有了如下代码123import{debounce}from'lodash'exportdefault
Nelson_sylar
·
2023-09-25 01:26
四:React进阶二 (虚拟DOM)
扩展:深入
Vue2.x
的虚拟DOMdiff原理第一种渲染1.state数据2.JSX模板3.数据+模板结合,生成真实的DOM,来显示4.state发生改变5.数据+模板结合,生成真实的DOM,替换原始的
废柴阿W
·
2023-09-24 16:18
Vue 3.0 全局API
Vue2.x
有许多全局API和配置,这些API和配置可以全局改变Vue的行为。
Blur Blue
·
2023-09-23 08:24
Vue学习
vue.js
javascript
前端
vue2 provide/inject watch 监控inject中值变化
在
Vue2.x
中,使用inject注入的值默认情况下是不能被watch直接监控到的,因为inject提供的值不是响应式的。
冰雪为融
·
2023-09-22 08:22
vue.js
javascript
前端
2023 vue2的响应式原理 通俗易懂!
Vue2.x
实现响应式数据:{{message}}UpdateMessageconstapp=newV
a1161105403
·
2023-09-22 08:38
vue.js
javascript
前端
vue2.x
使用Relation Graph 人物关系图谱
贴个官网:relation-graph:一个vue关系图谱组件引入relation-graphnpminstall--saverelation-graph1.人物关系图谱的基础使用importSeeksRelationGraphfrom"relation-graph";exportdefault{name:"SeeksRelationGraphDemo",components:{SeeksRela
冰糖果粒橙
·
2023-09-21 13:03
vue.js
前端
javascript
Vue2.x
核心基础(Vue概述,Vue基本使用,@vue/cli脚手架,Element-UI 的基本使用,Vue模板语法)
1.Vue概述尤雨溪:Vue.js的创建者2014年2月,Vue.js正式发布2015年10月27日,正式发布1.0.02016年4月27日,发布2.0的预览版本Vue:渐进式JavaScript框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建官网:https://cn.vuejs.org/v2/guide/易用:熟悉HTML、CSS、JavaScript知识后,可快速上手Vue灵活
魔术师ID
·
2023-09-21 05:26
Vue
vue.js
ui
javascript
Vue2入门 从0到1
Vue2.x
基础代码使用说明以及提供一个开箱即用的demo用于练习安装开箱即用(学习推荐,最好上手)开始使用创建一个Vue实列varApp=newVue({el:'#app',//实列化dom的选择器components
-Bell-
·
2023-09-18 16:20
Vue2
javascript
前端
vue.js
vue2
vue2.x
全局引入vue-echarts
自己封装echarts觉得麻烦,所以找了一个现成的。本文基于"vue-echarts":“6.5.4”,“echarts”:“5.4.2”,1、安装npminstallechartsvue-echarts//Vue2(data(){return{option:{title:{text:'TrafficSources',left:'center'},tooltip:{trigger:'item',f
风中蒲公英
·
2023-09-18 09:12
echarts
vue.js
javascript
在项目中,关于前端实现数据可视化的技术选择
需求背景技术框架是
Vue2.x
版本,组件库是AntDesignofVue能够支撑足够多的图表类型开发图表大小/位置能够随意变动图表样式需要支持丰富多样的用户配置强大、开放的图表语法支持复杂的数据可视化场景兼顾电脑端和手机端
AI3D_WebEngineer
·
2023-09-17 22:01
三叠云项目
echarts
数据可视化
前端
anti-design-vue
Vue2.x
项目中愉快使用3.0特性
Vue2.x
项目中愉快使用3.0特性早在Vue3源码公布之前,Vue官方已经透露了代表下一代Vue技术的Vue3将采取的新的接口使用方式。这种新的方式叫做CompositionAPI(组合式API)。
_孤傲_
·
2023-09-16 04:15
前端
vue
vue
javascript
vue.js
移动端和桌面端的前端预览pdf文件实现办法
文件前期调研可以实现pdf文件预览的方式有PDFObjectvue-pdfPDF.jspdfh5需求:在移动端和桌面端,以及vue3.x中实现预览pdf文件前四种方案,均在移动端有问题,显示不出Vue-pdf:适用于
vue2
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 组合式API setup语法糖
目录1.setup语法糖defineProps:defineEmits:defineExpose:2.Vue3中的组合式API1.setup语法糖Vue3引入了setup语法糖,以取代
Vue2.x
中的选项对象方式
万物得其道者成
·
2023-09-13 22:23
vue.js
前端
javascript
Vue组合式API--setup中定义响应式数据详解
一、OptionsAPI(选项式API)的弊端1.1什么是选项式API在
Vue2.x
中,编写组件的方式是使用OptionsAPI,它的特点是在对应的属性中编写对应的功能模块。
流水武qin
·
2023-09-13 22:23
Vue全家桶
vue.js
javascript
前端
vue3第六幕之【组合式API】setup语法糖
1.1Def1.2框架图示2基本框架搭建2.1datamethods等2.2返回值(两种)2.2.1返回一个对象2.22返回一个渲染函数2.2.3切记vue23混写3注意点汇总(后续补充)3.1不要与
vue2
Dorable_Wander
·
2023-09-13 22:52
Vue
vue.js
typescript
前端
前端框架
vue3 - 父子组件之间的传值 2022-03-01
近期学习vue3的父子组件之间的传值,发现跟
vue2.x
的父子组件之间的传值并没有太大的区别,我这边总结一下,希望对大家有所帮助。
小沙坨
·
2023-09-11 12:20
基于
vue2.x
实现的即时通讯程序仿微信聊天9开发添加好友及我的页面
下面开发添加好友页面以及功能开发添加好友页面需要点击下面这种图中的➕号image.png点击【添加好友】弹出popup弹窗,但是要区分下我们点击的是添加好友,还是扫一扫。。。根据popover的配置项,多增加一个type标识来区分,代码如下actions:[{text:'添加好友',icon:'add-o',type:1},{text:'扫一扫',icon:'music-o',type:2},{t
风中凌乱的男子
·
2023-09-10 12:19
vue2.x
项目引入CKEditor4的两种方式
百度用了不行的看过来,本文专治各种流程不通的一.直接npm下载型下载ckeditor到vue项目npminstallckeditor4-vue2.在main.js里导入importVuefrom'vue';importCKEditorfrom'ckeditor4-vue';Vue.use(CKEditor);3.在需要使用的组件里这样使用exportdefault{name:'app',data(
since �
·
2023-09-09 01:56
vue.js
javascript
ecmascript
vue2.X
中使用 echarts5.4.0实现项目进度甘特图
vue2.X
中使用echarts5.4.0实现项目进度甘特图效果图:左侧都是名称,上面是时间,当中的内容是日志内容组件:gantt.vueimport*asechartsfrom"echarts";exportdefault
小果子^_^
·
2023-09-08 08:04
Vue
甘特图
echarts
甘特图
vue
echarts
Vue项目案例-头条新闻
3.2对应代码4.共通组件开发4.1设计思路4.2对应代码5.头条新闻组件开发5.1设计思路5.2对应代码6.分类新闻组件开发6.1设计思路6.2对应代码7.项目打包1.项目介绍1.1项目功能该案例为使用
Vue2
N-A
·
2023-09-06 10:10
前端
vue.js
前端
javascript
axios
Vue项目
Vue脚手架
vue-pdf 一个基于vue的pdf预览插件(
vue2.x
)
vue-pdf的使用示例官方入口>>>github地址vue版本:"vue":"^2.6.14"vue-pdf版本:"vue-pdf":"^4.2.0"、"vue-pdf":"^4.3.0"安装指令:npminstall--savevue-pdf1、分页显示:效果图:组件模板:当前页数/总页数:{{pageNum}}/{{pageTotalNum}}进度:{{loadedRatio}}页面加载成功
哥伦比亚。
·
2023-09-05 16:16
vue
vue.js
npm
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.0
Vue3.0六大亮点Performance:性能比
Vue2.x
快1.2~2倍(重写虚拟DOM,优化了模板编译)Treeshakingsupport:按需编译,体积比
Vue2.x
更小(Vue2大量API挂载到
金刚狼_3e31
·
2023-09-05 06:30
vue2.x
版本中computed和watch的使用入门详解-computed篇
前言在基于vue框架的前端项目开发过程中,只要涉及到稍微复杂一点的业务,我们都会用到computed计算属性这个钩子函数,可以用于一些状态的结合处理和缓存的操作。基础使用在computed中,声明一个函数,并需要提供一个返回值,用于在页面展示或者结合其他方法进行处理结合state状态使用通过changeName返回一段依赖于name的字符串computed基本使用name值:{{name}}{{c
程序员布欧
·
2023-09-04 19:58
vue
前端
javascript
Vue3笔记
(了解)注意点:尽量不要与
Vue2.x
配置混用
Vue2.x
配置(data、methos、computed…)中可以访问到setup中的属性、方法
lizc_lizc
·
2023-09-04 16:12
Vue
笔记
vue.js
javascript
Object.defineProperty 和 Proxy 区别,及vue3为什么采用新的Proxy
2.分析
Vue2.x
中对数组Observe部分源码。3.对比Object.defineProperty和Proxy。无法监控
怪叔叔lz
·
2023-09-04 06:45
vue
javascript
proxy
【vue】
vue2.x
解决兼容IE8以上问题:
文章目录一、vue-cli:【1】安装依赖:【2】main.js【3】配置vue.config.js文件chainWebpack方法中添加【4】babel.config.js【5】没有被编译的依赖报错二、webpack-cli:【1】下载babel-polyfill包【2】在webpack.base.conf.js中修改【3】在.babelrc文件中添加一、vue-cli:【1】安装依赖:npmi
Sun Peng
·
2023-09-03 16:02
Vue框架
vue.js
前端
javascript
Vue3学习文档
一、Vue3.0六大两点Performance:性能比
Vue2.x
快1.2~2倍Treeshakingsupport:按需编译,体积比
Vue2.x
更小CompositionAPI:组合API(类似ReactHooks
19岁的墨先生
·
2023-09-02 20:22
#
Vue3
学习
vue.js
前端
前端框架
Vue生命周期及各组件间的执行情况
注:本文是以
Vue2.x
天将降大任于我
·
2023-09-02 20:21
vue学习
vue.js
javascript
前端
学习Vue 3.0 (2)
Vue3.0生命周期Vue3.0中可以继续使用
Vue2.x
的生命周期钩子,但是有两个被更名beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0
Beppo
·
2023-09-02 11:56
vue2和vue3的区别
相比
vue2.x
,使用proxy的优势如下:defi
木头没有瓜
·
2023-09-02 04:35
面试题
vue
vue.js
javascript
前端
Vue3.0 setup函数
(了解)5、注意点:-①尽量不要与
Vue2.x
配置混用
蹲蹲、
·
2023-09-01 07:24
vue3.0
vue.js
前端
vue面试题_vue2和vue3的区别
相比
vue2.x
,使用proxy的优势如下:defineProperty只能监听某个属性,不能对全对象监听可以省去forin,闭包等内容来提升效率(直接绑定整个对象即可)可
田江
·
2023-08-31 16:27
vue.js
前端
javascript
vue2.x
项目从0到1(七)之用户权限
此章节偏理论知识对于小一点的项目比如说角色都是平级的那我们直接像之前
vue2.x
项目从0到1(二)之后台管理侧边栏(动态渲染路由以及高亮)_vue动态渲染侧边栏_关忆北_的博客-CSDN博客这样渲染就行了但是一旦项目大了就比如
关忆北_
·
2023-08-31 13:57
vue2项目药品后台管理系统
vue.js
前端
javascript
【vue3 组合式函数】
相比于
Vue2.x
的mixins和
cv全粘工程师
·
2023-08-29 14:04
vue3.0组合式
vue.js
前端
javascript
vue2.x
通过指令实现v-debounce和v-throttle防抖节流的实现,亲测可用。
在
vue2.x
中,防抖和节流一般是通过引入防抖函数debounce和节流函数throtte,对事件回调进行一层包裹,然后在模板中绑定包裹后的事件回调,这样每个需要用的地方都需要进行防抖,节流函数的导入,
新时代的弩力
·
2023-08-28 11:04
Vue
vue.js
javascript
ecmascript
第一章、搭建Vue3.x环境、创建运行Vue3.x项目、分析Vue目录结构
Vue3.x发布于2020年9月19日,在
Vue2.x
的基础上面进行了一些优化,对TypeScript有更好的支持。Vue3.x的语法和Vue2.
我爱张智容
·
2023-08-28 06:25
Vue3.0 新特性以及使用变更总结
图片.png为什么要升级Vue3使用
Vue2.x
的小伙伴都熟悉,
Vue2.x
中所有数据都是定义在data中,方法定义在methods中的,并且使用this来调用对应的数据和方法。那Vue3.x中就可以
xsqsharp
·
2023-08-27 10:52
vue.js
前端
javascript
【vue3.0 使用组合式定义组件】
组合式API在
Vue2.x
中使用mixins实现,但在Vu
cv全粘工程师
·
2023-08-26 17:26
vue3.0组合式
vue.js
javascript
前端
KVue2&Vue3
视频地址:第一谈:企业案例实战讲解Vue2&Vue3_哔哩哔哩_bilibili项目实战-SpringBoot结合
Vue2.x
群统计项目_哔哩哔哩_bilibili课前所需工具相关工具和文档官网官网:Vue.jsv2
开心是星星
·
2023-08-26 16:51
前端
vue.js
javascript
Vue2.x
开发goods页面(点击侧边导航滑动到当前位置)
截图展示:goods页面首先获取到goods页面的数据使用axios获取数据(npminstallaxios--save-dev)在goods组件中使用axios获取数据importaxiosfrom'axios'created(){axios.get('static/data.json').then((res)=>{this.goods=res.data.goods})}获取数据之后安装bett
TDYWZ
·
2023-08-25 05:42
vue3 Composition Api
一、OptionsAPI和CompositionAPIOptionsAPI解释:在
vue2.x
中通过定义data、computed、watch、methods等属性与方法,共同处理页面逻辑。
iCherries
·
2023-08-23 23:32
上一页
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
其他