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
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
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.x
实现的即时通讯程序仿微信聊天8开发聊天页面表情包静态页面以及引入表情包实现表情包信息发送
这节课来实现点击底部【笑脸】弹出选择表情包界面的静态页面布局,如下图image.png找到【笑脸】,给他的父级元素绑定一个点击事件@click="showEmo"image.png然后在methods里映射这个方法methods:{showEmo(){}}利用vant组件库的popup组件来实现,下面是dom元素清空发送下面是css.emobox{height:calc(100%-100px);p
风中凌乱的男子
·
2023-08-21 22:09
Vue2.x
开发饿了么项目(header部分)
header组件开发数据之间的传递App.vue引入组件,App.vue中注册组件,使用组件时要记得传入seller参数通过父组件向子组件传递数据在父组件中需要将sellerO作为数据导出,子组件通过props从父组件中获得数据,且要指定数据类型exportdefault{props:{//子组件获取父组件数据sell:{type:Object//传递的类型}}}然后在header组件里面调用数据
TDYWZ
·
2023-08-20 20:53
vue3生命周期
原理vue3也提供了CompositionAPI形式的生命周期钩子,与
vue2.x
中钩子对应关系如下:beforeCreate=setup()created=setup()beforeMount=onBeforeMountmountedonMountedbeforeUpdateonBeforeUpdateupdatedonUpdatedbeforeUnmountonBeforeUnmountunm
梁云亮
·
2023-08-20 06:07
Vue
vue3
生命周期
什么是数据劫持?
vue2.x
使用的是Object.defineProperty()(Vue在3.x版本之后改用Proxy进行实现)。
雯呐
·
2023-08-18 20:37
Vue2.x
源码剖析之虚拟 DOM
StudyNotes本博主会持续更新各种前端的技术,如果各位道友喜欢,可以关注、收藏、点赞下本博主的文章。Vue.js源码剖析-虚拟DOM什么是虚拟DOM虚拟DOM(VirtualDOM)是使用JavaScript对象来描述DOM,虚拟DOM的本质就是JavaScript对象,使用JavaScript对象来描述DOM的结构。应用的各种状态变化首先作用于虚拟DOM,最终映射到DOM。Vue.js中的
Wuner
·
2023-08-17 21:06
vue2.x
组件vue-linux-cron发布npm全步骤
vue2.x
组件vue-linux-cron发布npm全步骤组件效果vcli新建项目;vue创建项目环境搭建跳过(node/npm/vcli),在文件夹目录下进入cmd执行vuecreatevue-linux-cron
我人麻了啊
·
2023-08-16 12:40
vue
vue.js
npm
前端
vue2.x
富文本编辑器Tinymce tinymce-vue 使用记录
第一步引入(我是用的是这个版本)
[email protected]
@tinymce/
[email protected]
第二步找到node_modules下的tinymce将其目录下的skinsthemes复制到static/tinymce下,这里的langs是我自己加的汉化语言包,语言包下载地址:LanguagePackages|TrustedRichTex
_Subsequently
·
2023-08-16 07:44
常见问题记录
vue
vue.js
前端
tinymce
vue2.x
版本中Object.defineProperty对象属性监听和关联
前言在
vue2.x
版本官方文档中深入响应式原理https://cn.vuejs.org/v2/guide/reactivity.html一文的解释当中,Object.defineProperty将声明响应式
程序员布欧
·
2023-08-15 14:02
vue
前端
javascript
vue.js
ecmascript
[Vue]
Vue2.x
创建项目全程讲解,保姆级教程,手把手教,Vue2怎么创建项目(上)
提示:保姆级教程,尽我所能Vue创建项目过程+讲解每一个用法前言一、安装nodejs1.打开官网2.打开cmd3.引入vue4.安装vue-cli脚手架二、创建vue2.0项目1.打开文件管理(此电脑)2.创建vue3.自定义选择安装vue(看重点)4.选择Vue版本(2.X或者3.x)5.Vue项目创建完成(2.X)6.运行刚刚创建的Vue项目总结前言创建一个vue2的项目,工具VsCode,w
阿民不加班
·
2023-08-15 10:49
Vue
创建项目实战开发
vue.js
npm
前端
【Vue】Vue2创建移动端项目实战教程,创建移动端项目保姆级教程,设置axios,utils工具包,vue.fonfig.js配置项 (下)
系列文章目录这里是创建移动端项目【Vue】
Vue2.x
创建项目全程讲解,保姆级教程,手把手教,Vue2怎么创建项目(上)【Vue】Vue2创建移动端项目实战教程,创建移动端项目保姆级教程,接上一篇创建Vue2
阿民不加班
·
2023-08-15 10:47
创建项目实战开发
Vue
javascript
vue.js
前端
前端框架
vue自定义指令的使用
vue2.x
自定义指令的使用此处举一个表格高度自适应的例子1.新建一个js文件importVuefrom'vue';letresize=null;resize=Vue.directive('resize
weixin_44734152
·
2023-08-14 16:31
笔记
vue
vue2:vue3 劫持
给对象定义属性的特性//Es5-》
vue2.x
该API只支持IE7以上letinput=document.querySelector('#input');lettemData;Object.defineProperty
张宪宇
·
2023-08-14 01:04
封装vue2局部组件都要注意什么
组件的模板结构(必选)每个组件对应的模板结构,需要定义到template节点中template中使用的指令{{msg}}0.5">NowyouseemeNowyoudon'ttemplate定义根节点注:
vue2
朝阳若蓝
·
2023-08-13 14:27
#
L4:Vue
前端
javascript
vue
computed
watch
slot
vuex
Vue3核心笔记
新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理
vue2
人间凡尔赛
·
2023-08-10 22:26
见习工程师
笔记
javascript
前端
开发语言
vue.js
Vue2.x
仿网易云音乐项目问题记录(1)
技术栈:
Vue2.x
,elementUI,Vuex,VueRouter其中遇到部分问题特记录下:1.elementUI中修改样式问题如果想要修改elementUI,可以使用全局css。
小蘑菇的驼羊
·
2023-08-10 20:35
《Vue.js实战》——基础篇(1)
传统的前端开发模式☀Vue.js的开发模式二、数据绑定和第一个Vue应用Vue实例和数据绑定实例和数据生命周期插值与表达式⌛过滤器☕指令与事件⚡语法糖三、计算属性什么是计算属性计算属性的用法计算属性缓存资源:
Vue2
白白白鲤鱼
·
2023-08-10 16:46
前端
前端
html
vue.js
javascript
前端框架
开发语言
Vue3 第四节 自定义hook函数以及组合式API
readonly和shallowReadonly5.toRaw和markRaw6.customref一.自定义hook函数①本质是一个函数,把setup函数中使用的CompositionAPI进行了封装,类似于
vue2
pa_miao_chi
·
2023-08-10 00:30
前端学习
Vue
前端
vue.js
vue2.x
vue-router4.x路由报错问题
文章目录
vue2.x
、vue-router3.x配置问题1Unknowncustomelement:-didyouregisterthecomponentcorrectly?
aspirant-complete
·
2023-08-09 16:56
Vue
vue.js
javascript
前端
玩转Chrome开发者工具2022(4/5)
10.调试代码在源代码面板,勾选"按已编写/已部署"将文件分组,便可以看到未压缩的文件,和在编辑器看到的效果类似却不完全一致,以
vue2.x
的版本为例,我可以看到当前路由对应的文件以及引用的组件,这很大程度避免了通过编辑器插入
小遁哥
·
2023-08-06 17:57
Vue2和Vue3的区别
Vue.js有两个版本,
Vue2.x
和Vue3.x,以下是它们之间的主要区别:性能优化:Vue3.x在内部进行了大量优化,包括使用ProxyAPI来代替Object.defineProperty来实现响应式
风泩
·
2023-08-06 06:33
Vue比赛
vue.js
javascript
ecmascript
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他