Vue2.x 第6页

WebStorm 中 VUE 设置 alias.config.js 别名后，点击 @/utils/request @/router/ 时不能跳转到指定文件

2021-11-11更新：实测在vue2.x与vue3.x环境中这种方法都可用，昨天晚上刚开始尝试vue3，香不香目前还没感受到，但是Vite感觉还是

Roc.Chang·2023-08-22 05:29

基于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

什么是数据劫持？

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

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

vue2.x版本中Object.defineProperty对象属性监听和关联

前言在vue2.x版本官方文档中深入响应式原理https://cn.vuejs.org/v2/guide/reactivity.html一文的解释当中，Object.defineProperty将声明响应式

程序员布欧·2023-08-15 14:02

[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】Vue2创建移动端项目实战教程，创建移动端项目保姆级教程，设置axios，utils工具包，vue.fonfig.js配置项（下）

系列文章目录这里是创建移动端项目【Vue】Vue2.x创建项目全程讲解，保姆级教程，手把手教，Vue2怎么创建项目（上）【Vue】Vue2创建移动端项目实战教程，创建移动端项目保姆级教程，接上一篇创建Vue2

阿民不加班·2023-08-15 10:47

vue自定义指令的使用

vue2.x自定义指令的使用此处举一个表格高度自适应的例子1.新建一个js文件importVuefrom'vue';letresize=null;resize=Vue.directive('resize

weixin_44734152·2023-08-14 16:31

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

Vue3核心笔记

新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2

人间凡尔赛·2023-08-10 22:26

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

Vue3 第四节自定义hook函数以及组合式API

readonly和shallowReadonly5.toRaw和markRaw6.customref一.自定义hook函数①本质是一个函数，把setup函数中使用的CompositionAPI进行了封装,类似于vue2

pa_miao_chi·2023-08-10 00:30

vue2.x vue-router4.x路由报错问题

文章目录vue2.x、vue-router3.x配置问题1Unknowncustomelement:-didyouregisterthecomponentcorrectly?

aspirant-complete·2023-08-09 16:56

玩转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

基于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