Vue2.x

基于vue2.x实现的即时通讯程序仿微信聊天7开发socket真实功能之一对一文字聊天

前言：上节课我们学习了socketIO以及实战应用了群聊和一对一聊天功能的实现，对于socketIO框架也有了一定的认识，那么现在我们来对接真实的线上socketIO服务接口线上服务接口地址：wss://yyds.it98k.cn1、第一步，我们需要修改我们项目的socketIO接口地址1.1打开项目src/utils/socketIo.js，修改io.connect内的地址为wss://yyds
风中凌乱的男子·2023-08-06 04:00

vue2.x 对象 数组更新

对象：this.$set(obj,key,val)Vue.set(obj,key,val)this.$delete(obj,key)Vue.delete(obj,key)数组：this.$set(arr,index,val)Vue.set(arr,index,val)arr.splice(index,1,val)
Hush____·2023-08-04 15:20

Vue2.x响应式数据/双向绑定原理

Vue数据双向绑定主要是指：数据变化更新视图，视图变化更新数据。其中，View变化更新Data，可以通过事件监听的方式来实现，所以Vue数据双向绑定的工作主要是如何根据Data变化更新View。简述1、当你把一个普通的JavaScript对象传入Vue实例作为data选项，Vue将遍历此对象所有的property，并使用Object.defineProperty把这些property全部转为get
时间的溺水者·2023-08-04 08:27

【Vue】Vue项目创建的两种方式

目录0.提前准备(2)webpack(3)vue全局脚手架查看已安装版本(4)CNPM1.创建Vue项目的两种方式(1)Vue2.x项目(2)创建Vue3.x项目(1)使用vuecreate创建(2)使用
萌狼蓝天·2023-08-04 06:20

基于vue2.x实现的即时通讯程序仿微信聊天3配置tabbar以及开发通讯录页面

打开permission.js，将首页的页面path填写到白名单whiteList里constwhiteList=['/login','/home']//noredirectwhitelist然后访问首页路径http://localhost:9020/#/home下面配置tabbar，打开src/views/layouts/index.vue，修改tabbars数组tabbars:[{title:
风中凌乱的男子·2023-08-03 11:06

SSM + MySQL + Vue2.x + ElementU 图书管理系统（期末作业）

图书管理系统项目介绍SSM+MySQL+Vue2.x+ElementUI本项目使用Idea开发工具采用当前最火的Java+Web前端框架开发，在保证质量的同时界面美观，交互友好，实在是期末大作业的首选项目。软件架构使用软件设计三层架构+前后端分离开发：控制Controller层：接收以及响应数据。业务Service层：对业务逻辑的封装，对数据层方法进行组装。数据Dao层：和数据库进行交互，进行数据
此方星河·2023-08-02 22:45

基于 Vue2.X/Vue3.X 项目引入 vue-code-diff/v-code-diff 代码差异插件并使用

基于Vue2.X/Vue3.X项目引入vue-code-diff/v-code-diff代码差异插件并使用1、Vue2.X的项目[email protected]父页面：index.vueimportCodeDifffrom
帅龍之龍·2023-08-02 15:17

【前端vue3面试题】2023最新面试实录vue3.0，高频10问(持续更新...)

vue2.x的响应式原理vue3.0的响应式原理3问:有哪些vue3响应性判断函数?4问:setup函数怎么用?5问:Composi
wzySan·2023-08-02 10:06

Vue2.x 通过后端接口代理方法获取PC端推荐歌单

在QQ音乐api接口有时候不能直接通过Jsonp访问，可通过后端代理获取，这里是通过axios获取这里是:axiosGitHub地址，具体可访问学习，本文仅记录Vue2.x通过后端接口代理方法获取PC端推荐歌单
Jay_Chen·2023-08-02 09:29

基于vue2.x实现的即时通讯程序仿微信聊天4开发聊天详情静态页面

image.png点击v-for出来的元素，跳转页面给元素定义一个click点击事件，跳转页面用到动态路由tamplate@click="toDetailPage(item)"methodstoDetailPage(item){this.$router.push("/chatDetail/1")}新建页面在src/views新建文件夹chatDetail，在chatDetail文件夹下新建inde
风中凌乱的男子·2023-08-02 05:54

内网穿透使用记录

后下载客户端后cmd到指定的客户端路径然后替换tokennatapp-authtoken=3d3660ad36e67f32启动然后如果报错访问前端报错则在webpack_dev.config.js中配置，针对vue2
哈哈哈_haha·2023-08-01 11:20

Vue3.0学习笔记

Vue3.0的六大亮点Performance：性能比VUE2.x快1.2-2倍Treeshakingsupport按需编译，体积比Vue2.x更小CompositionAPI：组合API（类似ReactHooks
多吃水果多锻炼·2023-08-01 08:54

Vue2.X源码解读

主线：1.Vueinitmodule.exports={vue:path.resolve(__dirname,'../src/entries/web-runtime-with-compiler'),compiler:path.resolve(__dirname,'../src/compiler'),core:path.resolve(__dirname,'../src/core'),shared:
假面猿·2023-07-31 18:36

Vue管道

在Vue2.x版本中，filter需要自己定义才能够使用过滤器可以用在两个地方：双花括号插值，如：{{message|capitalize}}v-bind表达式（从2.1.0+版本支持），如：自定义的方式有两种
念_ae7b·2023-07-31 17:40

vue2.x 的移动端适配

vue2.0的移动端适配1.安装[email protected].安装[email protected].创建postcss.config.js:如下4.在/src/libs/创建rem.js如下5.在main.js中引入import'@/libs/rem.js'//postcss.config.jsmo
无上星空·2023-07-29 20:24

Vue2.x和Vue3.x面试常问知识点-面试题

SPA单页面的理解，它的优缺点分别是什么？是什么SPA（singlepageapplication）仅在Web页面初始化时加载相应的HTML、JavaScript和CSS。一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或跳转而页面的变化是利用路由机制实现HTML内容的变换，避免页面的重新加载。优点用户体验好，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染减少了不必要
JackieDYH·2023-07-29 17:37

Vue 3 迁移策略笔记—— 第9节：新增 emits 选项

Vue2.x的emit在Vue2.x,我们可以定义组件接收的props，但是我们不能声明组件可以emit哪
杰~JIE·2023-07-28 23:19

Vue 3 迁移策略笔记—— 第2节：Async Components 异步组件

知识储备：异步组件概述Vue3.x中，对异步组件的使用跟Vue2.x不同了。
杰~JIE·2023-07-28 23:18

Vue 3 迁移策略笔记—— 第5节：移除 $children

Vue2.x中的$children官方描述：vm.$children类型：Array只读详细：当前实例的直接子组件。**需要注意$childre
杰~JIE·2023-07-28 23:18

vue实现点击修改文字

场景点击文字，实现用户可输入修改该文字并且鼠标点击其他元素触发保存事件技术：vue2.x，UI框架使用的是antdesign1.7.8实现效果：点击前：点击后：点击输入框外部元素实现保存：template
鱼干～·2023-07-28 14:52

【vue2】封装文字过长自动省略部分并且鼠标悬浮显示全部

技术：Antdesignvue1.7.8UI框架、vue2.X需求:实现文字过长自动省略部分，鼠标悬浮显示全部效果图：图一：图二：1.封装组件代码：src/components/Ellipsis/index.js
鱼干～·2023-07-28 14:52

vue-element-admin中实现自适应功能

网上很多说这个是vue3.0才可以使用，但是我这边实际情况是vue2.x版本也可以用。操作步骤1：下载插件npminstallpostcss-px-to-viewport--save-dev2：使用：
steamedbread321·2023-07-28 12:23

Vue 开关组件 (ELSwitch) 组件

在vue2.x版本上由于switch开关不支持异步，我便观看了一下element-ui的switch的源码，发现是作者当时没有考虑到这种情况。
꧁꫞꯭伟꯭伟꯭꫞꧂·2023-07-28 01:12

vue2.x的h函数(createElement)与vue3中的h函数

1.vue2.x的h函数(createElement)使用方法及介绍：（参考官网提取）h函数第一个是标签名字或者是组件名字，第二个参数是配置项，第三个参数是innerText，不会帮你转换节点，如果需要转换成节点（v-html）请去第二个参数中的domProps配置innerHTML当第二个参数是字符串的时候则会直接当innerText渲染（相当于配置项参数为空对象）【h(‘span’,‘姓名’)
闲鱼_JavaScript·2023-07-27 21:50

Vue2的12种组件通信

Vue2.x组件通信方式Vue2.x组件通信共有12种props$emit/v-on.syncv-modelref$children/$parent$attrs/$listenersprovide/injectEventBusVuex
晓狐狸吖·2023-07-27 06:30

vue中v-if和v-for优先级在vue2和vue3中的区别

在vue2.x中，在一个元素上同时使用v-if和v-for时，v-for会优先作用。在vue3.x中，v-if总是优先于v-for生效。
沉迷...·2023-07-27 00:49

基于Vue2.X/Vue3.X对Monaco Editor在线代码编辑器进行封装与使用

对此进行基于Vue2.X/Vue3.X的封装和使用。
帅龍之龍·2023-07-25 21:27

基于Vue2.X使用CRC32或Unicode编码生成字符串对应的颜色值

1、使用crc-32转换字符串来生成16进制颜色值npminstallcrc-32utils/colorUtil.jsimportVuefrom'vue'importCRC32from'crc-32'conststringToColor=(str)=>{if(str){str=Math.abs(CRC32.str(str)).toString(10);return'#'+str.substring
帅龍之龍·2023-07-25 21:27

Vue + ElementUI + Vue-socket + nodejs实现简单聊天室

Vue+ElementUI+Vue-socket+nodejs实现简单聊天室前端我是直接用的vue-cli新建了一个vue项目，版本选择vue2.x。
摸鱼程序员·2023-07-25 15:25

Vue+Nodejs+WebSocket实现多人聊天室

这期的话，我们使用Vue2.x版本同样使用Nodejs+WebSocket继续实现多人聊天室功能。因为上期已经很详细的介绍了WebSocket的一些重要的事件处理函数，这期的话就不详细介绍了。
CreatorRay·2023-07-25 15:22

day08面试题

做了哪些优化4.Vue3.0所采用的CompositionApi与Vue2.x使用的OptionsApi有什么不同？5.说一下Vue数据响应式的原理6.说说对React的理解？有哪些特性？
程雪员·2023-07-25 14:56

Vue3 封装组件库 挂载全局

问题我是看网上大部分说的Vue2.x的Vue.prototype应该换成以下写法importtoastfrom'.
像朝阳一样·2023-07-23 19:14

vbenAdmin组件迁移到vue2.7+vite+ant1.7.8

作为一个不太喜欢躺平的菜鸟，自然不想在以后的时间里都用vue2.x的optionApi去写业务，贼难受，最主要的是跟不上前端
你的代码我的心·2023-07-23 02:35

【组件】前端js拖拽插件 VUE

Vuedragresize-轻量级，无依赖，可缩放Vuesmoothdnd-简单动效，上下拖拽排序，涵盖多场景V-drag-最简单的可拖拽执行方案VueEasyDnD-简洁快捷，上下拖拽场景适用Awednd-基于vue2
我是Superman丶·2023-07-22 18:02

vue2.x中遇到的问题以及如何向computed方法中传参

从头开始学习vue2.x阅读此文需要具备基础的前端功底。。。比如说知道v-bind怎么动态更改class，style。
小蘑菇的驼羊·2023-07-20 02:30

vue 使用i18n和i18n Ally自动化翻译

以下为vue2.x使用i18n和i18nAlly自动化翻译的步骤,vue3.x配置步骤>>vue版本>2.6.12vue-i18n版本>8.25.01.安装i18nnpminstallvue-i18n-
小橙几·2023-07-19 07:34

vue 的双向绑定原理

目录一、一句话描述vue的双向绑定原理二、细说vue的双向绑定原理1、vue2.x的双向绑定2、vue3.x的双向绑定3、一个完整的案例一、一句话描述vue的双向绑定原理（vue的响应式原理）vue在实例化的时候
weixin79893765432...·2023-07-18 01:26

Vue3迁移指南（一）：全局API应用实例

全局API应用实例Vue2.x有许多全局API和配置，它们可以全局改变Vue的行为。例如，要注册全局组件，可以使用Vue.component或者Vue.direcitveAPI。
青黄皂白·2023-07-17 22:11

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

一、Vue3.0所采用的CompositionApi与Vue2.x使用的OptionsApi有什么不同？
Particular12.·2023-07-17 12:27

Vue3_简介、CompositionVPI、新的组件

新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2
菜鸟娃哈哈·2023-07-17 11:22

前端面试题---框架篇

Vue面试题面试题：Vue2.x生命周期有哪些？
陈陈陈先生丶·2023-07-16 13:02

第二十七节:Vue渲染函数Render

前言:通过前面的学习,我们已经知道了在vue中,如何使用template模板编写组件,但是使用模板并不是唯一能让vue知道应该在页面显示什么内容的方法,那接下来看看其他的方式Render函数是Vue2.
时光如剑·2023-07-16 02:37

基于 vue-cropper 库 实现的 图片裁剪组件（含vue2.x/vue3.x/vue3.x+ts 写法）

基于vue-cropper库实现的图片裁剪组件（含vue2.x/vue3.x/vue3.x+ts写法）//代码地址https://gitee.com/zhong-wenkai/cropper-image-upload.git
皮的狠·2023-07-15 16:32

vue 项目优化

去除冗余的css消除框架中未使用的CSS,初步达到按需引入的效果使用背景：vue2.x,webpack3.x使用插件：purifycss-webpack安装：npmipurifycss-webpackpurify-cssglob-all-D
haogemr·2023-07-15 09:18

Vue3中的两种API风格

vue中的两种API–选项API和组合API选项式API(OptionsAPI)初见在vue2.x项目中使用的就是选项API写法，而且vue2的项目中也仅仅只能使用选项式的写法，组合式写法从vue3开始适用
发渐稀·2023-07-14 13:07

什么是Vue.js和怎么安装和使用Vue.js

Vue学习起来非常简单，本教程基于Vue2.X版本测试。Vue.js学前必备知识点HTMLCSSJavaScriptVue.js安装1、独立版本我们可以在Vue.js的官网上直接下载v
凯撒云·2023-07-14 01:14

基于Vue2.X对WangEditor 5富文本编辑器进行封装与使用，支持单个或多个图片点击、粘贴、拖拽上传，Vue3.X项目也可直接使用

传送门：wangEditor于是用Vue2.X语法自行封装一下，这样在复用组件时，可以少写一些代码，直接组件引用即可。另外，Vue3.X项目也可直接使用，因为Vue3.X是兼容Vue2.X语法的。
帅龍之龍·2023-07-13 22:24

【实战技巧】前端播放本地视频并实现截图功能（上）

本文基础前端框架为vue2.x，思路如下。本地上传视频播放视频视频截图截图下载使用到的第三方库：ffmpeg.wasmnpm上包名叫这个@ffmp
Web_boom·2023-07-13 21:32

Vue3中的hook

在Vue2.x中，你可能需要使用m
jieyucx·2023-07-13 17:39

Vue3 和 Vue2 的组件通信方式

##Vue2.x组件通信12种方式写在后面了，先来Vue3的Vue3组件通信方式大致分为以下几种props$emitexpose/ref$attrsv-modelprovide/injectVuexmittVue3
Are杨·2023-06-23 20:55
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他