vue2.x 第10页

【vue2.x】组件通信方法汇总

复苏森林·2023-03-24 07:48

【vue2.x】响应式依赖注入

响应式依赖注入在vue框架的设计中，依赖注入并不是响应式的。即使是有很多人包括我自己也希望它是。可以使用data()方法或者Vue.observable创建一个响应式对象，这样在使用依赖注入的时候也是响应式的。1.使用data()方法创建一个依赖注入的响应式对象exportdefault{provide(){return{reactive:this.reactive};},data(){retur

芳月存心·2023-03-23 21:59

vue自定义写一个全局的弹窗提示组件

框架我们用的是vue2.x。采用了elementUI的图标我们先上个效果图首先我们先把这个弹窗组件写出来。创建一个mobileTip.vue文件。

夕阳_醉了·2023-03-23 17:36

关于vue3的两种API写法——选项API和组合API

理解什么是选项API写法，什么是组合API写法OptionsAPI什么是选项API写法:OptionsAPI在vue2.x项目中使用的就是选项API写法代码风格：data选项写数据，methods选项写函数

黛琳ghz·2023-03-23 02:56

vue2.X引入Element-ui 动态主题切换

引入element-ui1.安装loader模块：cnpminstallstyle-loader-Dcnpminstallcss-loader-Dcnpminstallfile-loader-D2.安装Element-UI模块cnpminstallelement-ui--save3.安装工具进入项目文件夹，执行以下命令：npmielement-theme-g安装白垩主题npmielement-th

Sun____·2023-03-19 20:16

Vue.js 3.0 Composition APIs 及 3.0 原理剖析

Vue3.0与Vue2.0的区别源码组织方式发生变化CompositionAPI性能提升ViteCompositionAPI设计动机Vue2.x开发需要长期迭代的大型项目时，组件的开发采用的是OptionsAPIOptionsAPI

7fea7b53db82·2023-03-18 02:21

win10下cnpm安装node-sass失败

电脑新换了win10系统，重新安装node-v16全局安装了cnpm以前的vue2.x的项目使用的node-sass一直安装不成功，无耐只能按错误来下载安装python-2.7.15.amd64.msi

漫漫江雪·2023-03-18 02:20

【你了解vue的diff算法吗？说说看？】

1、vue引入diff算法的由来，是因为vue2.x中为了降低Watcher力度，每个组件只有一个Watcher与之对应，所以引入diff算法进行精确的找到发生变化的地方。

Clover‘s Blog·2023-03-17 20:59

关于vue的观察者模式的浅析

众所周知，vue2.x中的双向绑定是通过Object.defineproperty来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发响应的监听回调，其中的核心类发布者Dep和观察者

叫维特的少年·2023-03-15 18:27

【手撕源码】vue2.x中keep-alive源码解析

个人主页：不叫猫先生‍♂️作者简介：前端领域新星创作者、阿里云专家博主，专注于前端各领域技术，共同学习共同进步，一起加油呀！系列专栏：vue3从入门到精通、TypeScript从入门到实践资料领取：前端进阶资料以及文中源码可以找我免费领取前端学习交流：博主建立了一个前端交流群，汇集了各路大神，一起交流学习，期待你的加入！(文末有我wx或者私信)目录一、前世尘缘二、keep-alive内置组件1.缓

不叫猫先生·2023-03-15 14:26

vue3中vuex与pinia初识

众所周知的是vue2.x中状态管理工具用的是vuex，而vue3中也是可以使用vuex的，且用vuecli创建的vue3项目里面也是可选vuex是否安装的，或者项目初始化时不安装，如果有需要再进行安装使用

qq252750818·2023-03-15 13:42

Vue3.0（vite工具搭建项目）

vue3.0浅析前提vue2.X中很多内容被保存下来；vue3.0采用的是typescript进行重构的几大亮点1.performance：性能比vue2.X快了1.2~2倍。

前端小码农呀·2023-03-15 09:16

【vue3】子组件修改父组件传过来的props数据

1.修改父组件普通数据使用v-mode语法，代替了vue2.x的.sync修饰符父组件用ref()定义一个普通数据为响应式变量，例vartest=ref(‘parent’)父组件用v-mode将数据绑定到子组件上其实它是以下的简写

前端阿彬·2023-03-15 06:14

vue实现分页功能(BootStrap5.x + vue2.x)

0.前置知识SpringBoot基础Vue2.x尚硅谷Vue视频前三十集内容BootStrap会看文档，懂点英文1.需求实现注意第一页的前一页功能为disabled同理第四页的后一页功能为disabled

Ravi-Moonlight·2023-03-15 04:50

深入vue2.x源码系列:手写代码来模拟Vue2.x的响应式数据实现

前言Vue响应式原理由以下三个部分组成：数据劫持：Vue通过Object.defineProperty()方法对data中的每个属性进行拦截，当属性值发生变化时，会触发setter方法，通知依赖更新。发布-订阅模式：Vue使用发布-订阅模式来实现数据的响应式更新。当数据发生变化时，会通知依赖进行更新。依赖收集：Vue在渲染组件时，会对模板中使用到的数据进行依赖收集，将组件中使用到的数据和对应的Wa

嚣张农民·2023-03-15 02:38

解决elemnt-ui安装后运行报错的问题

新建了Vue2.x项目并引入element-ui后执行npmrundev发现编译报错找不到依赖：Thisdependencywasnotfound:element-ui/lib/theme-default

易冷zzz·2023-03-14 18:46

慕课网Vue知识进阶学习笔记

慕课网Vue知识进阶慕课网学习网址链接:3小时速成Vue2.x核心技术1.vue环境搭建慕课网链接：vue工具和nvm及cnpm下载讲解视频链接nvm：nodeversionmanager—node版本管理器下载和安装

果木山·2023-03-13 20:11

[个人开源]vue-code-view:一个在线编辑、实时预览的代码交互组件

组件简介vue-code-view是一个基于vue2.x、轻量级的代码交互组件，在网页中实时编辑运行代码、预览效果的代码交互组件。

Anduril·2023-03-13 19:22

vue2.x 项目 webpack升级vite避坑总结

前言目前一个用webpack构建的vue2.X项目由于业务扩展越来越大，导致项目在本地编译时热更新很慢，页面更新需要10几秒以上。

Lilio1216·2023-03-13 16:02

学习vue-element-admin引入svg图标

一、vue2.x中使用svg图标的相关配置1.扩展svg-sprite-loader加载器安装依赖：npminstallsvg-sprite-loader在webpack.base.conf配置文件mudule.rules

Lilio1216·2023-03-13 16:32

1.vue3.0优化

vue3.01.vue3.0六大特点-Perfprmace:性能比Vue2.x快1.2~2倍-Treeshakingsupport:按需编译，体积比vue2.x更小-CompositionAPI:组合API

杜维爸爸·2023-03-13 01:31

Vue 手势支持 vue-touch

插件源码和教程：https://github.com/vuejs/vue-touch安装：vue2.x不再支持，vue3安装方法·[email protected]·错误找不到路径重新启动服务错误

Zszen·2023-03-12 15:47

vue2.x学习笔记

一个Vue应用由一个通过newVue创建的根Vue实例，以及可选的嵌套的、可复用的组件树组成。所有的Vue组件都是Vue实例，并且接受相同的选项对象(一些根实例特有的选项除外)。指令：职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM以下是某些vue和angular指令的对比：指令带有前缀v-，以表示它们是Vue提供的特殊attribute。v-bind:title=|[titl

w_tiger·2023-03-11 21:39

2021 前端 VUE 面试题总汇

文章目录1、vue的生命周期2、Vue2.x双向绑定原理3、Vue3.x响应式原理4、v-for为什么要加上key5、Vdom的理解6、vuex的结构，以及actiion和mutation的区别7、axios

三个木马人·2023-03-10 11:39

vue3之生命周期函数

vue3的生命周期函数跟vue2.x版本有了很大的不同,在vue3中移除了beforeCreate和created,增加了setup函数

魔幻星辰·2023-03-10 04:27

使用Vue-Router 2实现路由功能

注意：vue-router2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router2实现路由功能。推荐使用npm安装。

素时年锦·2023-03-10 00:38

Vue3的7种和Vue2的12种组件通信，值得收藏

本文原文首发掘金：https://juejin.cn/post/6999687348120190983如有不对的或者遗漏的，欢迎指正，你的一赞一评都是我前行最大的动力，感谢Vue2.x组件通信12种方式写在后面了

IT沐华·2023-03-09 22:58

聊一聊 Vue3 中响应式原理

相比于Vue2.x，Vue3.0在新的版本中提供了更好的性能、更小的捆绑包体积、更好的TypeScript集成、用于处理大规模用例的新API。

Cryptic·2023-03-09 21:11

前端使用hls方式播放h265(HEVC)格式的.ts在线文件，附vue2.x封装h265web.js代码，附github项目地址

接上一篇h265web.js同时播放多个视频，修改官方example中player.js并重新编译,这里使用vue2.x封装最新版本h265web.jsv20220916tag【注意:后面有新版本了，tagv20220916

阿巳交不起水电费·2023-03-09 19:39

Vue的生命周期和钩子函数（一）——数据初始化

本篇博文基于Vue2.X，3.0的一些特殊机制和语法暂不做考虑。阅读全篇时间约12分钟，仅了解钩子函数使用及使用场景，需约4分钟。正文我们都知道，创建一个Vue实例，需要通过newVue()来实现。

枸杞加上·2023-02-24 16:14

Vue3以及element-plus最新版，国际化，多语言，高度封装。按模块区分语言文件，适应大型项目。减少冲突。

如果大家看到的中文版本应该是适用vue2.x的版本。vue3+以上的vue-i18n文档vue3+以上的使用方式改变了。可能是为了跟vue3保持一致

默默无闻的小人物·2023-02-18 23:13

vue2.x使用递归组件渲染树形数据结构

概念：递归组件，顾名思义，就是自己的内部实现又调用自己的组件。比如Vue官方给的treeView的例子，父目录下有子目录，子目录下还有子目录，子子孙孙，无穷尽也。就像俄罗斯套娃。应用场景：贴吧评论，多级回复；朋友圈评论，多级回复。看图比较好理解，如下图：image.png待更新。。。

风中凌乱的男子·2023-02-17 18:57

vue3 + vite实现异步组件和路由懒加载

但是在Vue3.x中异步组件的使用与Vue2.x完全不同了。本文就详细讲讲vue3中异步组件和路由懒加载的实现。

天問_专注于大前端技术·2023-02-17 02:08

Vue3.2 响应式原理源码剖析，及与 Vue2 .x响应式的区别

本文源码版本Vue3.2.11，Vue2响应式源码剖析点这里深入浅出Vue2响应式原理源码剖析我们知道相较Vue2.x的响应式Vue3对整个响应式都做了重大升级；然后Vue3.2相较3.0版本源码又做了许多变更

IT沐华·2023-02-17 02:34

公司企业站Vue-CLI4开发环境搭建详解

技术概括Vue2.x、CLI4、webpack、npm（cnpm）、node环境（10+）、vue-router、axios（自行封装

FTD止水·2023-02-17 00:46

Vue3 学习笔记 —— （一）深入理解组合式 API

学习笔记梳理)Author：GoritDate：2021/4/24Refer：网易云课堂2021年发表博文：17/50Vue3学习学习文档如果是第一次接触Vue3，可以看这个Vue3初体验零、Vue3.0与Vue2

CodingGorit·2023-02-16 21:31

vue2.x实现鼠标拖拽div右下角进行缩放的功能

exportdefault{name:'Drag',data(){return{disX:0,disY:0,down:false}},mounted(){document.addEventListener('mouseup',()=>{this.down=falsedocument.onmousemove=nulldocument.onmousedown=nulldocument.onmouseu

罗倩楠_666·2023-02-06 19:02

vue组件模板

如果编辑器不能针对.vue生成对应的模板的情况下，该文件可供外部复用根据需要做修改，并且把不需要用到的函数注释删除vue2.x的更多详情可参照https://vuefe.cn/v2/guide/exportdefault

Dennis_丹尼斯·2023-02-06 06:15

Vue2.x打包资源路径查找

Vue2.x打包之后发布注意点，资源的寻找路径配置打包之后，dist目录下一般是有一个index.html和static文件夹index里面引用资源的方式是src="/static/js/xxxxx.js

贫下码农·2023-02-05 11:55

vue 自定义组件 - 五星评分

开发环境vue2.x两张资源图片xing.pngxing2.png组件LzRoatingBar.vueexportdefault{name:"lz-roating-bar",props:{iScore:

微笑中的你·2023-02-04 06:33

vue2升级vue3：Vue3时jsx组件绑定自定义的事件、v-model、sync修

踩坑笔记：组合式API之Setup(props,context)—Vue2.x到Vue3注意Vue2的.sync修饰符转Vue3中v-model可以先看vue2的.sync修饰符文档：https://cn.vuejs.org

zhoulujun·2023-02-04 04:09

windows下nginx配置vue2.x项目带应用路径

vue.config.js修改gjbigscreen是我的项目应用路径，npmrunbuild完放置到对应的nginx的html目录放置到Nginxnginx端口用的80nginx配置再来一个nginx端口我用的是8081同前面的再来一次映射（这一步是我为了测试学习可跳过）1669712563888.png

吴里庆庆·2023-02-03 12:10

vue2和vue3的区别

npminstall-g@vue/cli#ORyarnglobaladd@vue/clivuecreatehello-vue3#selectvue3preset项目变化vue2.x和vue3.x目录结构没有什么变化

奔跑吧兄弟_凯凯·2023-02-03 06:30

Vue2与Vue3的区别

相比于vue2.x，使用proxy的优势如下defineProperty只能

AAA_86·2023-02-01 21:01

vue2.x使用element-ui的upload组件用formData 的方式实现多图上传。

html点击上传只能上传jpg/png文件，且不超过500kb提交到服务器jsuploadOverrun:function(){this.$message({type:'error',message:'上传文件个数超出限制!最多上传5张图片!'});},changeUpload:function(file,fileList){//预览图片this.fileList=fileList;this.$n

匆匆那年_海·2023-01-31 14:45

vue2.x 源码--重写数组方法实现监听

vue2中，对于数组和对象是没有办法进行响应的所以通过中间处理进行数据拦截，但是前提条件是不改变原有push，pop这些方法的原有行为。vue源码简单实现代码varinterception=["push","pop","shift","unshift","splite","sort"];vararrayProto=Array.prototype;//代理原型对象varproxyProtoObj=O

莫道开发·2023-01-31 02:16

[单元测试]vue2.x迁移vue3.x

vue已经从对应的vue2.x迁移为vue3.x,可以参考官方迁移文档遇到的其它问题，记录一下，方便以后迁移遇到问题时查找环境"@vue/cli-service":"~5.0.8","@vue/vue3

三知之灵·2023-01-20 14:19

Vue3.0学习笔记

Vue3.0工程1.1使用vue-cli创建1.2使用vite创建2常用CompositionAPI2.1拉开序幕的setup2.2ref函数2.3reactive函数2.4Vue3.0中的响应式原理vue2

muzi187·2023-01-18 14:50

Vue3.0(代号：One Piece)

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

_CX_·2023-01-18 14:47

vue3中的生命周期

1、通过组合式API的形式去使用生命周期钩子Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名：beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0

Doe·2023-01-18 11:16

推荐频道

vue2.x