vue2源码学习第28页

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-el-upload自定义图片上传、自定义回显、删除、放大

创建一个UploadFile.vue组件文件复制下方代码并修改上传接口api//修改此处apiimport{uploadFile}from"@/api/jjjManage/jjjNews.js";exportdefault{props:{//父组件传入回显参数‘1.png,2.png’逗号隔开字符串value:{type:String,},},data(){return{loading:false

小龍·2023-12-31 21:36

【Vue2+3入门到实战】（8）Vue基础之工程化开发和脚手架Vue CLI 组件化组件注册详细示例

目录day03一、今日目标1.工程化开发入门2.综合案例二、工程化开发和脚手架1.开发Vue的两种方式2.脚手架VueCLI基本介绍：好处：使用步骤：三、项目目录介绍和运行流程1.项目目录介绍2.运行流程四、组件化开发五、根组件App.vue1.根组件介绍2.组件是由三部分构成3.总结六、普通组件的注册使用-局部注册1.特点：2.步骤：3.使用方式：4.注意：5.语法：6.练习7.总结七、普通组件

老牛源码·2023-12-31 20:05

vue-cli创建带router的项目，并且引入Element UI

node.js文件，否则无法安装，vue的版本过高会有一些问题，比如在win7的系统无法运行vue3，亲测第一步，找到你要创建项目的文件夹，按图示输入cmd[图1]第二步，输入命令，这里我们要创建的是个vue2

又铉·2023-12-31 19:52

Vue 2 将于 12 月 31 日到达生命周期终点

随着2024年即将到来，我们借此机会提醒Vue社区，Vue2将于2023年12月31日终止更新（EOL）。Vue2.0在7年多前的2016年发布。它是Vue成为主流框架旅程中的一个重要里程碑。

EternalChronosTime·2023-12-31 19:24

踩了Vue2运行机制的坑-响应式原理

最近遇到一个很奇怪的bug：前置：后端接口返回的数据是这样的：①首先在store中取出后端返回的数据A=res.data，在这里打印输出是正常的②然后在vue页面上再取出A.data也就是res.data.data，以及其它几个字段即res.data.XXX，在这里打印输出是空白的③结果在图表页中取出的一直是undefined（读取属性不存在），但是第一次加载不出来，再刷新一下却又能拿到数据了。最

小白探索世界欧耶！~·2023-12-31 17:21

Vue2【插槽】

目录1：插槽-默认插槽：2：插槽-具名插槽：3：插槽-作用域插槽：总结：2023再见，2024再见！！！1：插槽-默认插槽：作用：让组件内部的一些结构，支持自定义的，支持复用，假如我点击一个添加按钮弹出一个框进行询问是否选择添加，我删除一条数据想要弹窗给用户询问是否删除。这两条弹窗结构都是一样的，可以封装成插槽进行复用。需求：要在页面中显示一个对话窗，封装成一个组件问题：组件的内容不希望是固定的，

爱吃豆的土豆·2023-12-31 16:41

Vue的学习笔记

Vue学习框架1Vue2Vue框架3Vue问题4Vue生命周期参考：https://cn.vuejs.org/v2/guide/instance.html5Vue的五个属性参考：https://www.cnblogs.com

司空洛一·2023-12-31 16:44

vue3全网最全教程-----(2)

【watch】作用：监视数据的变化（和Vue2中的watch作用一致）特点：Vue3中的watch只能监视以下四种数据：ref定义的数据。reactive定义的数据。函数返回一个值（gett

前端贾公子·2023-12-31 15:34

vue3 key Attribute 的变化

相比之下，Vue2中的模板编译方式不同，模板中的所有内容都会参与渲染过程，包括静态节点。因此

前端贾公子·2023-12-31 15:34

【Vue2+3入门到实战】（15）VUE路由入门声明式导航的基本使用与详细代码示例

目录一、声明式导航-导航链接1.需求2.解决方案3.通过router-link自带的两个样式进行高亮4.总结二、声明式导航-两个类名1.router-link-active2.router-link-exact-active3.在地址栏中输入二级路由查看类名的添加4.总结三、声明式导航-自定义类名（了解）1.问题2.解决方案3.代码演示4.总结四、声明式导航-查询参数传参1.目标2.跳转传参3.查

老牛源码·2023-12-31 06:35

基于vue2+elementUI年份范围选择器

基于vue2+elementUI实现年份范围选择器，支持时间跨度设置。

fanlcwowo·2023-12-31 03:08

【Vue】Vue项目开发中遇到的一些问题记录

本篇主要记录项目开发中遇到的一些问题，Vue2/3都有所涉及，重点讨论问题本身，不涉及Vue2/3版本的区别。1.父子组件通信，传值为异步数据时，需要watch监听刷新子组件数据。

whu-水草·2023-12-31 01:41

el-cascader 动态加载后台数据

也就是用户点击一级选项后，再向后台发送该选项的子选择的请求（也就是懒加载子选项）对于我这个项目而言，我的需求就是用户先选择费用类型（一级），然后我根据费用类型来向后台请求具体类型的费用名称（二级）效果如图具体实现——vue2templates

午安້໌ᮨ·2023-12-31 00:41

vue2-数组更新，视图不刷新

问题原因：由于JavaScript的限制，Vue不能检测数组和对象的变化；性能代价和获得用户体验不成正比。通俗理解：vue不能检测通过数组索引值，直接修改一个数组项场景表格点击详情后的弹窗/*我在这里实现了一个表格，表格每一列有一个详情按钮，点击后就调用handleDetail(row)函数，传过来的就是那一列的所有数据，也就是一条费用的详情信息*//*这里是一个弹窗，里面就展示一条费用的详情信息

午安້໌ᮨ·2023-12-31 00:41

vue2表单自定义校验规则判断输入值是否为大于零的数字

应用场景我自己是用于表单验证，验证用户输入的办公面积是否合法。所以我对于输入数据的要求就是：数字、大于零。思路历程因为element-ui没有现成的验证规则可用，所以我准备自己定义一个验证规则函数。然后对输入的值用typeof来判断，结果发现无论输入什么，全为string！！究其原因，是因为vue中表单中读入的值默认为string（不管你输入的是不是number，全部转化为string）。//自定

午安້໌ᮨ·2023-12-31 00:39

060：vue中markdown编辑器mavon-editor的应用示例

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

还是大剑师兰特·2023-12-30 21:45

vue3 v-model语法糖

vue2中父子组件数据同步父→子子→父如何实现？

Eleven....·2023-12-30 18:18

详解Vue3中的事件监听方式

目录一、v-on指令二、使用@符号简写三、事件修饰符四、动态事件名五、常见的监听事件六、自定义事件在Vue3中，事件监听的方式与Vue2有一些不同。

专业研究祖传Bug编写术·2023-12-30 14:19

【Spring源码】1.彻底理解IOC，什么是bean（什么是BeanDefinition和BeanFactory）

同时，Spring框架里面大量运用了接口和设计模式，在后面的源码学习中都会体现。

蓬莱阁-阁主·2023-12-30 14:53

Vue 2最终版本 v2.7.16 已发布

Vue2的SwanSong最终版本正式发布，版本号为2.7.16，标志着Vue2的终结。这是Vue2的最后一个版本，修复了一些已知问题。

南城FE·2023-12-30 12:59

Vue2（二）：计算属性、监视属性、二者的区别

Vue2学习笔记：第二章一、计算属性1.使用插值语法和methods拼接姓名2.使用计算属性拼接姓名3.计算属性总结4.计算属性的简写二、监视属性1.天气案例铺垫2.引出监视属性(1).newVue时传入

DantinZhang·2023-12-30 11:49

vue3常见知识点总结

vue3常见知识点一、认识vue3二、setup三、ref四、reactive五、reactive与ref的异同六、Vue2与Vue3的响应式七、计算属性与监视八、vue3的生命周期（与vue2比较）九

qy220824·2023-12-30 11:48

Vue2常用的50个知识点

1、Vue的优点？Vue的缺点？优点：渐进式组件化开发虚拟dom响应式数据单页面路由数据与视图分开缺点：单页面不利于seo不兼容IE首屏加载时间长2、为什么说Vue是一个渐进式框架？Vue的全家桶，你可以选择不用，或者只选几样去用，比如不用vuex3、Vue跟React的异同点？相同点：都是单向数据流都使用了虚拟DOM的技术都支持SSR组件化开发不同点：前者template，后者JSX数据改变，前

阿飞920·2023-12-30 11:47

vue2 jeecg-boot

业务介绍：在首页进行数据的添加，添加之后将数据传递给后端，后端会计算，在返回给前端，前端拿到进行渲染，拿到数据跳转到结果页面，点击存档后，才可以触发下载和浏览，不然按钮一直是失效状态，存档后数据会存档到统计页面，在页面点击新增，可以跳转到当前数据对应的页面，并且渲染，然后从新走一遍流程一，首页工程名称：计算重置计算简图请输入构件尺寸:标牌尺寸：柱脚加劲肋：基础：请输入计算参数:import{Not

阿金要当大魔王~~·2023-12-30 10:25

推荐频道

vue2源码学习