vue2源码学习第13页

Vue2跟Vue3的对比

在Vue.js的演进过程中，Vue2.x是主要的版本，而Vue3.x是最新的版本。Vue3.x于2020年9月正式发布，与Vue2.x相比，它带来了许多重要的改进和新功能。

跟Bug双向奔赴·2024-01-27 12:58

Vue2：通过代理服务器解决跨域问题

一、场景描述现在的项目大多数是前后端分离的。Vue前端项目通过ajax去请求后端接口的时候，会有同源策略的限制。从而产生跨域问题。二、基本概念1、什么是同源策略？就是前端服务和后端服务的协议名，IP或主机名，端口号不完全一致。比如，前端服务开在：http://127.0.0.1:8080后端接口开在：http://127.0.0.1:5000此时，前端代码中，用ajax请求后端接口，就会产生跨域问

生产队队长·2024-01-27 12:56

el-tree基础的树形节点设置节点不能选中高亮出来，对已经选中的节点设置disabled，对当前节点刚选中后设置禁用disabled

实现效果如下：vue2+element-ui发现elemen

SwJieJie·2024-01-27 11:42

vue2 vue3 各传值汇总

序：vue最常见的，容易为难新手的，应该就是组件间的传参的，所以本次笔记就记录下传参，顺带也记录下vue2吧一、vue31、父传子父组件atherTitle，fatherMoney，fatherWifi

MoXinXueWEB·2024-01-27 11:19

uniapp 封装公共请求方法

版本vue2在main.js中引用//导入封装好的请求数据的方法importUtilfrom'@/util/util.js'importHttpfrom'@/util/request.js'//封装请求路径

Sliy 磊磊·2024-01-27 11:46

移动端——uniapp开发记录(公共请求request封装)

移动端开发需要兼容各个端,技术栈选用vue2+uniApp；1.项目初始化可以使用IDE(HBuilderX)去初始化项目，也可以使用npm命令去构建实现不依赖uniapp去打包部署;【详细见官网】2.

我不瘦但很逗·2024-01-27 11:45

Spring 源码学习(七) 扩展功能下篇-BeanPostProcessor

spring系列转载自掘金VipAugushttps://juejin.cn/user/2348212565601415/posts在上一篇文章中，深入分析和学习了BeanFactoryPostProcessor，主体是BeanFactory的后处理器，这次来学习主体是Bean的后处理器：BeanPostProcessor。定义：它也是Spring对外提供的接口，用来给用户扩展自定义的功能。执行的

带鱼真好吃·2024-01-27 10:24

vue报错——[vue/require-v-for-key]Elements in iteration expect to have ‘v-bind:key‘ directives.

Vue2.2.0+的版本里，当在组件中使用v-for时，key是必须的参考：

要加油哦～·2024-01-27 10:57

vue使用v-for循环时报错：[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘ directives

Vue2.2.0+的版本里，当在组件中使用v-for时，key是必须的这是修改代码的解决办法也可以在bui

ITarmi·2024-01-27 09:54

Vue使用svg图片-svg-sprite-loader插件

在vue2配合webpack；svg图片不存在id冲突，在使用时无需显示引入

禾苗种树·2024-01-27 06:28

vue2中实现一个可移动的弹框

先创建一个可拖拽的外壳mounted(){this.theDrag();},methods:{//拖拽theDrag(){//创建容器letcontainer=window.document.body;//将创建的div添加到容器中container.appendChild(window.document.getElementById("theDrag"));//获取到boxletbox=wind

甘道夫老矣·2024-01-27 05:16

Kafka3.0源码学习

文章目录一、生产者源码1、初始化2、发送数据到缓冲区2.1发送总体流程2.2分区选择2.3发送消息大小校验2.4内存池3、sender线程发送数据二、消费者源码1、初始化2、消费者订阅主题3、消费者拉取和处理数据3.1消费总体流程3.2消费者/消费者组初始化3.3拉取数据3.4消费者Offset提交三、服务端源码kafka官网：https://kafka.apache.org/downloads一

魅Lemon·2024-01-27 04:25

安装vue devtools及常见问题

网盘中包含vue2和vue3的devtools安装工具，根据项目需要选择使用，不能同时安装两个devtools到浏览器上极简插件下载下载链接：htt

员宇宙·2024-01-27 04:17

el-upload图片上传OSS vue+springboot 简单好copy(代码全)

简单使用文章目录目录使用步骤1.后端（springboot）创建项目文件（仅供参考）UploadUtil.javaUploadController.java2.前端（vue2+elementUI）创建项目文件

无情也星海·2024-01-27 01:26

warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js “export ‘watchEffect‘ was not

1.问题利用vuecli新建vue2项目,安装vue-router后浏览器控制台报错:UncaughtTypeError:Object(…)isnotafunction终端这边爆warningin.

大大。·2024-01-27 01:45

vue（vue2）使用svg格式图标

先安装插件配置svg文件夹，新建icons文件，svg文件夹放svg后缀文件index.js文件中的配置importVuefrom"vue"importsvgIconfrom"@/common/iconSvg/index.vue"Vue.component('svg-icon',svgIcon)//挂载全局组件//下面这个是导入svgIcon/svg下的所有svg文件constrequireAll

三七_z·2024-01-27 01:43

Vue2配置在methods中的方法属性丢失

Vue2配置在methods中的方法属性丢失需求现在有这样一个需求：一个带有搜索建议的搜索框，搜索建议由后端数据请求回来。当搜索框失去焦点时，应该取消搜索，直接使用输入的内容。

七冬与小糖·2024-01-27 01:07

vue2中使用swiper组件库

api参数中文官网下载并引入项目//安装[email protected]@5.4.5--save//main.js引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper,/*{defaultopt

白小白灬·2024-01-27 01:32

VUE2：关于axios的跨域问题（No ‘Access-Control-Allow-Origin‘ ）以及解决方案（亲测有用，全流程配图文版，建议收藏）

在VUE2的开发过程中跨域问题肯定是前端程序员都遇到过的问题，尤其还是像我这种半吊子前端，报错内容如下：ccesstoXMLHttpRequestat'http://localhost:8080/XXXXXXXX'fromorigin'http

加洛斯·2024-01-27 01:01

vue3-elementPlus部分组件样式修改

前提：在less语言下使用/deep/；在sass语言下使用::v-deep替换/deep/但::v-deep的写法已经废弃，建议使用:deep(css选择器)elementUI样式修改：vue2-elementUI

小沐°·2024-01-27 00:54

如何在一个页面调用另一个页面的methods

建立util.js中转站文件（任意位置,我是在/assets/js/util.js）importVuefrom'vue'exportdefaultnewVue2.分别在两个页面引入该文件（注意路径）3.

小白白呐·2024-01-27 00:24

Vue2基础-Vue对象进阶介绍2

文章目录一、自定义指令1、用法2、注意点二、生命周期1、概念2、示意图3、分析一、自定义指令本质上是封装了DOM元素的具体操作1、用法放大十倍后的值是：constx=newVue({el:‘#root’data:{n:1},directives:{//两种写法//element是真实的DOM元素，此处是//binding是绑定的对象，里面的value表示n的值big(element,binding

轩不丢·2024-01-26 20:57

Vue2基础-Vue组件化编程

文章目录一、模块与组件1、概念2、分类二、非单文件组件1、创建组件2、注册组件1）局部注册2）全局注册3、注意点1）组件名2）关于组件标签三、VueComponent1、概念2、内置关系三、单文件组件1、格式2、引用1）暴露2）引用3）主文件一、模块与组件1、概念组件实现局部功能代码和资源的集合。2、分类非单文件组件：一个文件中包含n个组件单文件组件：一个文件中只包含一个组件(a.vue)(一般开

轩不丢·2024-01-26 20:25

RuoYi-Vue前后端分离后台开发框架运行详细教程

http://ruoyi.vip演示地址：http://vue.ruoyi.vip代码下载：https://gitee.com/y_project/RuoYi-Vue下载之后解压，ruoyi-ui是前端代码vue2

懒员员·2024-01-26 18:00

安装nvm后不能正常使用vue脚手架的解决方案！！！

毕竟可以自己来更改node版本，但是当我想创建vue2学习时却显示：当时以为是自己的问题，找了很久。现在我就教给大家解决的方法：第一步、先全局搜索vue.cmd文件，找到后打开文件所在位置。

ygzhzzy·2024-01-26 15:30

3. Windows 10 - Nvm - Node - 创建 Vue项目 Vue-cli 脚手架 3.x

关联链接1.Windows10-Node与Vue-安装Vue2.x及3.x框架-项目创建要点-12.Windows10-Nvm——node版本管理工具的安装配置方法-报错问题集锦与解决方法-工程化Node

沐修·2024-01-26 15:28

VUE2安装脚手架

流程：1.安装nodejs安装nodejs，自带npm环境。地址：https://nodejs.org/en/download/下载node.js2.安装淘宝镜像安装淘宝镜像:npminstall-gcnpm--registry=https://registry.npm.taobao.org3.安装脚手架（按照步骤走）npminstall-g@vue/clivuecreate文件名开始选择安装（根

只会敲hello world·2024-01-26 15:27

切换nvm后VUE脚手架不可用

但是，我居然发现想要重新搞一个vue2的项目玩一下都被可恨的系统提示“vue不是内部或外部命令”。

Mr_xiaocaihhh·2024-01-26 15:57

网页首页案例（使用框架：继上一篇博客结尾）

文章目录新认识的快捷键1.先写好组件并导入App.vue2.往组件中一个一个填内容3.整体静态完成后，发现某些小部分相同，其实可以分装成小组件4.最后通过js动态渲染新认识的快捷键1.Ctrl+滚轮按住往下拖可以部分选中

W`hite·2024-01-26 14:28

Vue——vue3拖拽库Sortablejs

VueDraggablePlus是一个支持Vue2和Vue3的拖拽库，它具有以下特性：功能齐全：全面继承Sortable.js的所有功能无缝迁移：适用于Vue3和Vue2灵活使用：支持组件、指令、函数式调用

还需studystudy·2024-01-26 14:07

Vue3-在HTML标签、组件标签上使用v-model

杨荧·2024-01-26 14:16

vue 中使用 Touch events

本打算使用zepto+zepto.touch来做，但是考虑到就一个地方，想想就算了，然后发现了一个很好用很厉害的东西，vue2-touch-events.vue2-touch-events可以点进去，查看详细的

书简_yu·2024-01-26 13:41

vue2使用websocket和echars动态展示本机CPU使用情况,后端框架使用fastapi

后端代码：fromfastapiimportFastAPI,WebSocketimportpsutilimportasyncioapp=FastAPI()@app.websocket("/ws")asyncdefwebsocket_endpoint(websocket:WebSocket):awaitwebsocket.accept()whileTrue:cpu_usage=psutil.cpu_

默默前行的旅者·2024-01-26 12:51

vue2后台管理项目权限的分类

权限有3类：主页鉴权，访问权限，操作权限RBAC-RoleBasedAccessControl基于角色的权限控制主页鉴权（登录访问拦截）利用路由全局守卫思路：判断是否有token，有token是登录成功再判断是否是去登录页，是就跳转到首页，不是放行不是登录，判断是否在白名单中，在放行，不在拦截去登录permission.js//主页鉴权//tokenimportrouterfrom'@/route

诗霖雪·2024-01-26 12:19

Vue2组件通信

ym-13140912·2024-01-26 12:48

Vue2 props组件通信

一、父组件向子组件传值1、流程图2、父组件代码importUserInfofrom'./components/UserInfo.vue'exportdefault{data(){return{username:'小帅',age:28,isSingle:true,car:{brand:'宝马',},hobby:['篮球','足球','羽毛球'],}},components:{UserInfo,},}

知远同学·2024-01-26 12:16

【Vue2 + ElementUI】分页el-pagination 封装成公用组件

效果图实现（1）公共组件exportdefault{data(){return{layout:"total,sizes,prev,pager,next,jumper",background:"background",}},props:{totalSize:{//数据总条数type:Number,default:0},pageSize:{//每页显示条数type:Number,default:10}

吃小猫的大鱼·2024-01-26 11:18

Vue2 + JSX使用总结

什么是JSX摘自React官方：它被称为JSX，是一个JavaScript的语法扩展。我们建议在React中配合使用JSX，JSX可以很好地描述UI应该呈现出它应有交互的本质形式。JSX可能会使人联想到模板语言，但它具有JavaScript的全部功能。Vue什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太好看而已。或者使用模板语法，那写

东扯葫芦西扯瓜·2024-01-26 10:25

Vue2学习之第六、七章——vue-router与ElementUI组件库

路由理解：一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。1.基本使用安装vue-router，命令：npmivue-router应用插件（在main.js中）：//引入VueimportVuefrom'vue'//引入所有组件的父组件AppimportAppfrom'./App'//引入VueRo

吃一口你的梦。·2024-01-26 10:42

vue3 数据放置的两种方式

Ciilk·2024-01-26 10:59

带【科技感】的Echarts 图表

Echarts脚本在线地址https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js引入Echarts脚本后粘贴代码vue2代码：exportdefault

我不是费圆·2024-01-26 10:12

uniapp报错：export { render, staticRenderFns, recyclableRender, components }

uniappvue2项目启动报错export{render,staticRenderFns,recyclableRender,components}解决办法:降低prettier的版本"prettier

彭世瑜·2024-01-26 10:32

【vue】Vue2和Vue3中的代码逻辑复用对比（mixins、自定义hook）：

【2】mixins和CompositionAPIhook解决的区别：一、前言：mixins是Vue2.xOptionsAPI中常用的代码逻辑抽离手段，在Vue3.x中也同样可以使用。虽然好用，

Sun Peng·2024-01-26 10:47

Vue---组合式API - computed

计算属性基本思想和Vue2保持一致，组合式API下的计算属性只是修改了API写法//导入import{ref,computed}from'vue'//原始数据constcount=ref(0)//计算属性

香香爱编程·2024-01-26 09:43

vue —— h函数的学习与使用

二、h函数格式说明及使用示例1：简单创建一个VNode（vue3）示例2：vue2中h函数用法示例3：vue3中h函数的用法vue2和vue3中h函数的区别？

Ying（英子）·2024-01-26 09:41

[零基础学习Vue2+webpack项目]的基础依赖项的安装详解（1）

1.首先新建一个空的项目文件夹：【yydpt_vue2_base】如下图：图12.然后用【vscode】打开此项目文件如下图：图23.因为此项目准备用【vue2+webpack】来进行前端开发，因此可以先安装

月影WEB·2024-01-26 09:19

Vue学习笔记12--Vue3之setup/ref函数/reactive函数/Vue3响应式原理/reactive对比ref

若返回一个渲染函数，则可以自定义渲染内容注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data/methos

jxncxgx·2024-01-26 09:54

微信小程序图片自适应高度宽度完美适配原生或者uniapp

---1.新建一个组件bl-adaptation-img.vue2.在main.js中导入//自适应图片图片高度宽度100%importblAdaptationImgfrom'

执波仔丶·2024-01-26 07:31

【Vue3】组件通信

Vue3组件通信和Vue2的区别：移出事件总线，使用mitt代替。vuex换成了pinia。把.sync优化到了v-model里面了。把$listeners所有的东西，合并到$attrs中了。

小秀_heo·2024-01-26 04:57

Vue UI组件开发框架服务端辅助工具应用实例 Demo示例

element★11612-饿了么出品的Vue2的webUI工具套件Vux★7503-基于Vue和WeUI的组件库iview★5801-基于Vuejs的开源UI组件库mint-ui★5517-Vue2的移动

前端小狮·2024-01-26 03:47

推荐频道

vue2源码学习