vue2源码学习第27页

Vue3基础知识-1

setup函数官方文档setup函数的参数，主要有两个：props和contextprops:父组件传过来的属性会被放到props对象中，如果需要在setup函数中使用，可通过props参数获取，规则和vue2

不点外卖·2024-01-03 09:37

Vue3_16（动态组件）

/B.vue'通过is切换AB组件使用场景tab切换居多注意事项在Vue2的时候is是通过组件名称切换的在Vue3setup是通过组件实例切换的如果你把组件实例放到Re

BingJS·2024-01-03 02:36

【vue3基础核心语法】简单学习vue3核心语法加elementPlus，vue3和vue2的区别，有vue2基础的看完这篇快速使用。学习笔记持续更新【详细注释】

前言一直用的vue2写的。一直没有接触过vue3没有机会使用工作中自己又比较懒，一直拖着没学，因为感觉学了不用，过段时间我就忘得差不多了。

接口写好了吗·2024-01-02 22:15

Seata 1.5.2 源码学习（Server端）

Client端的源码学习上一篇已讲过，详见《Seata1.5.2源码学习》，今天来学习Server端的源码。

Naruto4·2024-01-02 19:31

探索vue2框架的世界：搭建vue2.x项目基本文件配置

基础项目架构一、环境配置安装node安装cnpm(cnpm是npm的"廉价平替"提高安装速度)npminstall-gcnpm--registry=https://registry.npm.taobao.org安装vue脚手架cnpminstall-g@vue/cli查询vue脚手架版本vue-V//@vue/cli4.5.15创建项目vuecreatexxxx二、脚手架基本文件配置main.js

@德玛玩前端·2024-01-02 18:29

探索vue2框架的世界：选项式写法的代码书写规范

前言在日常开发的工作中，作为一名以专业的前端为目标的工程师，除了能把自己所编写的项目跑起来，需要考虑的事还有很多，比如浏览器的兼容问题，性能优化问题，代码的可读性问题，后期的维护问题等等，其中我认为代码的可读性和书写规范尤其重要，无规矩不成方圆，一份标准的代码书写规范可以增强项目的易读性，让后来加入的开发人员更快速的融入项目，让后期的维护人员更容易去定位问题。在vue的官网上有这么一篇专业且非约束

@德玛玩前端·2024-01-02 18:29

学习笔记240102 --- 表单无法输入，是否data中没有提前声明导致的

前端框架：vue2.x第三方ui组件：ElementUI操作系统：windows浏览器：chrome谷歌问题描述表单使用中，没有在data中提前声明参数，当数据回显时，表单无法输入搜索exportdefault

@德玛玩前端·2024-01-02 18:58

前端文件上传组件最全封装+删除+下载+预览

前言：使用的是若依的框架+elementui+vue2封装的。如果有不对的地方欢迎指出。后台管理使用，文件需要上传。

W Y L·2024-01-02 17:28

vue实现别人通过IP访问自己运行的项目

vue2.0在config/index.js文件中host改为本机IP地址在package.json文件中，修改scripts中devvue2.pngimage.pngvue3.0在vue.config.js

G_Myy·2024-01-02 16:52

手动封装面包屑组件（Vue3）

那么就跳转，反之则不允许跳转）使用示例这里的Bread和BreadItem都是单独封装的全局组件，之后哪里需要面包屑哪里直接使用exportdefault{name:'Bread',render(){//Vue2

沃德麻鸭·2024-01-02 12:35

内置指令(v-if/v-else-if/v-else/v-show)、双向绑定、侦听器、生命周期

内置指令(v-if/v-else-if/v-else/v-show)内置指令v-ifv-else-ifv-elsev-showv-oncev-bindv-model二、双向绑定三、侦听器四、生命周期Vue3Vue2

Vincent_Vang·2024-01-02 07:42

总结vue中数据更新,但是界面没有更新的情况

1.前言1.学徒一茬一茬的,但是问题都差不多,是时候总结下了2.主要是vue23.大部分问题官网都有答案,所以还是建议先熟悉下vue响应式原理4.只精简出简要能体现错误原因的代码2.注意事项1.官网的这句话非常重要

云高风轻·2024-01-02 04:55

Vue2中百度地图API的使用

1，前言记录一下Vue2项目中，百度地图API的简单使用。2，申请账号，获取key需要先申请百度账号，然后登陆百度地图开放平台：https://lbsyun.baidu.com/index.php?

鹏多多·2024-01-02 02:56

Vue3 的 emit 该怎么写， vue2 对比

Vue3的emit该怎么写，vue2对比这是个新手问题，从vue2转到vue3之后，一时间不知道该怎么用它了。

十月ooOO·2024-01-02 02:26

Vue自定义组件及组件传值

vue自定义组件:1、在src中components中,新建文件,后缀名为.vue组件（首字母建议大写）例如:Weekly.vue2、Weekly.vue:3、在app.vue中引用组件:js中先引入/

短歌长眠·2024-01-01 21:29

vue组件、html里引用vue.js，实现自定义组件，子父组件相互传参、vue2组件、vue3组件用法、component、组件传值

在html里直接引用vue.js，实现自定义组件、子父相互传参目录自定义组件父组件给子组件传值子组件向父组件传值vue3组件用法自定义组件目录结构一、首先，引用vue.js到页面，版本根据自己的需要，我这里是2点多的版本二、创建页面index.html三、编写组件内容新建一个js文件，内容如下，我这里文件名是my_component.js//只渲染静态的//letstr=`////////`//l

闲来无事垂钓·2024-01-01 21:58

VUE3.0学习系列随笔（五）：自定义组件使用

VUE3.0学习系列随笔（五）：自定义组件使用VUE2.0和VUE3.0虽然在工程目录结构上存在较大差异，但是具体的代码实现逻辑相同，本文所使用的自定义组件方法，同样适用于VUE2.0。

一方通行00·2024-01-01 21:27

vue2脚手架之自定义组件的总结

前言vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动

lqj_本人·2024-01-01 21:57

新手小白：一文带你用vite从零搭建企业级开发环境

在这工作的半年时间里，开始接触了前端开发，技术栈主要用的是vue2，但是自己利用时间也学习了vue3，组合式api和vue3的各种生态比vue2好用太多了，特别是状态管理库pinia比vuex简介很多

九号新秀·2024-01-01 17:09

一文看懂vue2与vue3的区别

vue2和vue3的区别前言vue2和vu3的区别，一直以来是面试必考题目，如何回答，回答的层次决定了面试者的对于vue2，3的理解，以及对于vue3目前稳定版本发展的方向的了解，即考察使用程度，又考察了学习能力

苦逼的猿宝·2024-01-01 17:03

手摸手系列之SpringBoot+Vue2项目整合高德地图实现车辆实时定位功能

前言最近在做一个物流内陆运输的项目，其中的一个关键功能是根据车辆的GPS数据在页面上实时显示车辆位置信息。由于我们已经获得了第三方提供的GPS数据，所以接下来的任务是将这些数据整合到我们的系统中，并利用高德地图API来展示车辆的实时位置。接下来，来看看怎么样来一步步实现吧。一、后端工作：将第三方提供的GPS数据进一步整合优化后，再返回给前端1.第三方提供的接口文档第三方的返回数据示例：{"stat

码上艺术家·2024-01-01 16:17

探索Vue.js的Composition API：构建更清晰、可维护的组件

在Vue2中，我们习惯了使用选项（o

liwp_Stephen·2024-01-01 16:02

vue使用codemirror

vue项目有不同的依赖可以对应2和3版本的codemirrorvue-codemirror在vue2上我们可以使用vue-codemirror安装npminstallvue-codemirror-S引入

梓喻·2024-01-01 14:33

用Vue仿element-ui从0到1封装可复用的组件-input

子组件引入全局环境中importvbInputfrom"@/components/Input";Vue.component(vbInput.name,vbInput);父组件：App.vue子组件：Input.vue2

一代码神·2024-01-01 13:17

vue2 element-ui el-cascader实现城市三级联动 (封装组件, 方便复用)

用element自带的cascader封装为组件方便服用↓↓↓看代码↓↓↓第一步创建一个vue文件area.vue城市数据需要自己获取结尾有我自用的数据import{area}from"@/utils/area";exportdefault{props:{address:String,width:{type:String,default:"100%"}},data(){return{ctry:[]

酷德钢琴家·2024-01-01 13:15

vue2+element-ui 小结

项目主要技术是vue2+element-ui，后台是python+mongodb，再次总结一下vue2+element-ui的使用

lixin051435·2024-01-01 13:43

Vue2 & Vue3 二次封装element-ui Steps组件

前言组件封装的初尝试，基本是调element-ui，没有什么含金量，附一些对组件封装的概念和理解这里封装element-uiSteps组件，并重写某些css样式代码exportdefault{name:"Process",props:{currentStep:{type:Number,default:0,},stepsArr:{type:Array,default:()=>[],},},};.pr

sayoriqwq·2024-01-01 13:13

Vue2 element-ui 框架中集成国际化 vue-i18n 并封装成可切换语言的组件

在Vue2中配置国际化，您可以使用VueI18n插件。VueI18n是Vue.js官方推荐的国际化插件，它可以帮助您轻松地实现多语言支持。

-Bell-·2024-01-01 13:43

Vue2&Element-ui编写可复用增删改查列表思路及实现方式

前提:堂弟在学校学计算机,有一个期末作业,需要做一个简单的UI界面先看下基本效果登录页面包含基本信息校验及登录和保存用户信息登录之后的列表页面显示由于是多个tab中午没有太多时间就直接复用数据模式整体代码在270多行左右列表新增弹窗修改弹窗删除其实这里的新增和编辑是公用的一个弹窗包括另外三个Tab的列表也是公用的一个列表和弹窗这个只是基于功能的差异大小设计的一种编码实现方式tab可以是菜单。列表的

月色真美121·2024-01-01 13:12

webpack搭建vue2项目

文章目录一、环境安装二、目录结构三、开发与生产环境分离四、最后一、环境安装首先你需要node环境创建一个文件夹然后cmd运行npminit-y最后package.json文件{"name":"demo5","version":"1.0.0","description":"","main":"index.js","scripts":{"test":"echo\"Error:notestspecifi

bug小空·2024-01-01 12:01

vue2 按顺序循环调用接口数据循环echarts图表展示数据

我们在开发过程中经常会用到图表统计，生成报表之类的功能，之前单个echarts比较好操作，但是很多图表的时候用echarts，就需要写成循环好点，会省略好多冗余代码，具体步骤如下：1.html部分：趋势分析图：2.vue部分：importechartsfrom'echarts';importAPI_REPORTfrom'../../api/report';exportdefault{data(){

夏末_阳光依然耀眼·2024-01-01 10:52

Vue2中使用echarts，并从后端获取数据同步

一、安装echartsnpminstallecharts-S二、导入echarts在script中导入，比如：import*asechartsfrom"echarts";三、查找要用的示例比如柱状图四、初始化并挂载import*asechartsfrom"echarts";exportdefault{mounted(){this.options()},methods:{/***init方法*/op

梁山教父·2024-01-01 10:50

vue2使用wangeditor实现手写输入

1.效果2.实现2.1：先看我上一篇，这篇就是在上一篇的基础上添加一个手写功能，导入注册就行了vue2使用wangeditor实现数学公式+富文本编辑器-CSDN博客在components中添加myscriptMath.jssvg

请叫我欧皇i·2024-01-01 10:53

【JS】Object.defineproperty方法

它也是vue2的响应式原理。语法Object.defi

田本初·2024-01-01 09:03

vue3框架笔记

Vue目前的版本是3.x，但是公司中也有很多使用的是Vue2。Vue3的API可以向下兼容2，Vue3中新增了很多新的写法。

光影少年·2024-01-01 09:52

【Vue2+3入门到实战】（17）VUE之VueCli脚手架自定认创建项目、ESlint代码规范与修复、 ESlint自动修正插件的使用详细示例

目录一、本节内容二、VueCli自定义创建项目三、ESlint代码规范及手动修复1.JavaScriptStandardStyle规范说明2.代码规范错误3.手动修正四、通过eslint插件来实现自动修正一、本节内容VueCli脚手架自定认创建项目ESlint代码规范与修复ESlint自动修正插件二、VueCli自定义创建项目1.安装脚手架(已安装)npmi@vue/cli-g2.创建项目vuec

老牛源码·2024-01-01 08:05

Vue-Setup

Person.vue中内容姓名：{{name}}年龄：{{age}}修改名字增加年龄查看联系方式exportdefault{name:'Person',//组件的名字//vue2选项式API写法//data

夏天的冬雪·2024-01-01 08:35

vue2 v-model—绑定事件—深度响应式

1st.v-model指令的详细用法在表单标签中，v-model双向绑定的用法有所区别。首先在data中定义好数据：data:{name:"张三",sex:'男',address:'南京市雨花台区',isOK:true,hobbies:['睡觉','打游戏'],city:"苏州",foods:['巧克力','西瓜','米饭']}文本框：使用v-model-value（简写v-model）直接双向绑

uuz·2024-01-01 08:34

Vue2 - 组件通信之 EventBus

目录1，介绍2，实现2.1，手动实现监听和触发2.2，使用Vue实例Vue其他9种通信方式，参考这篇文章。1，介绍EventBus称为事件总线。在Vue中可以使用它来作为沟通桥梁，也就是所有组件共用的事件中心，来实现不受层级约束的组件通信。可以监听/取消监听某个事件。可以触发监听的事件，还可以传参，并且自动通知监听者。2，实现2.1，手动实现监听和触发//eventBus.jsconstliste

下雪天的夏风·2024-01-01 07:48

Vue2 - Vue.observable 介绍

目录1，介绍2，使用场景和Vue实例的区别1，介绍官网参考可以让一个对象变成响应式数据。在Vue内部就是用它来处理传递给Vue的data对象，或是在单文件组件中data()返回的对象。varvm=newVue({data:{count:0}})//或在单文件组件中exportdefault{data(){return{count:0,};},};返回的对象可以直接用于渲染函数和计算属性内，并且会在

下雪天的夏风·2024-01-01 07:47

vue2与vue3数组的区别

Vue2.x和Vue3.x在数组方面有一些不同之处，主要涉及到Vue3.x中对响应式系统的改进。

蛋黄派i·2024-01-01 06:43

vue3 组件之间传值

其次，vue官方已经确认，将于2023年最后一天停止对vue2项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将vue3作为了vue的默认版本了，同时呢，无论是elementUI和ant-d组件库团队

我是ed.·2024-01-01 05:12

【Vue2+3入门到实战】（18）VUE之Vuex状态管理器概述、VueX的安装、核心概念 State状态代码实现详细讲解

目录一、[Vuex](https://vuex.vuejs.org/zh/)概述1.是什么2.使用场景3.优势4.注意：二、需求:多组件共享数据1.创建项目2.创建三个组件,目录如下3.源代码如下三、vuex的使用-创建仓库1.安装vuex2.新建`store/index.js`专门存放vuex3.创建仓库`store/index.js`4在main.js中导入挂载到Vue实例上5.测试打印Vue

老牛源码·2024-01-01 03:04

vue2 v-for用法

人员列表（数组）{{item.name}}-{{index}}{{item.name}}-{{item.id}}汽车信息（对象）{{k}}---{{value}}字符串遍历{{v}}---{{k}}数字次数遍历{{v}}---{{k}}exportdefault{name:"myTest19.vue",data(){return{//person数组：person:[{id:"001",name:

追风箭0211·2024-01-01 02:29

Vue3的proxy

vue3.0中,使用proxy替换了原来遍历对象使用Object.defineProperty方法给属性添加set/get vue的核心能力之一是监听用户定义的状态变化并响应式刷新DOM vue2是通过替换状态对象属性的

Z_B_L·2024-01-01 00:55

059：vue中使用 AJAX来读取来自XML文件的信息

（1）提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate

还是大剑师兰特·2023-12-31 23:02

vue2中使用百度地图BMapGL

1、npm命令安装npminstallvue-bmap-gl--save2、main.js中文件引入importVueBMapfrom'vue-bmap-gl'import'vue-bmap-gl/dist/style.css'VueBMap.initBMapApiLoader({//百度的keyak:'*********',//这个密钥请使用自己注册的})Vue.use(VueBMap)3、页面

Hermione_log·2023-12-31 22:10

水逆退散_c·2023-12-31 21:58

开发人员有用的Vue.js动画库

文章目录1、vue2-animate2、vue-kinesis3、tsparticles4、v-number5、vue-prlx6、vue-typical7、vue-collapse-transition8

半生过往·2023-12-31 21:48

20.compositionApi介绍和setup函数的参数和返回值

OptionsAPI的弊端在Vue2中，我们编写组件的方式是OptionsAPI：OptionsAPI的一大特点就是在对应的属性中编写对应的功能模块；比如data定义数据、methods中定义方法、computed

静昕妈妈芦培培·2023-12-31 21:17

推荐频道

vue2源码学习