vue2源码学习第12页

【vue2】基础

文章目录介绍一、安装二、Vue实例1、创建Vue实例2、生命周期三、模版语法1、插值2、指令3、缩写四、计算属性和监听器1、计算属性computed1.1基本使用1.2计算属性缓存vs方法1.3计算属性的setter2、侦听器watch2.1基本使用2.2计算属性vs侦听属性五、Class与Style绑定1、绑定class2、绑定内联样式Style六、条件渲染1、v-if、v-else、v-if-

guozhenshu·2024-01-29 15:01

【Vue】2-1、Vue 简介

Vue2官网：Vue.jsVue3官网：Vue.js-渐进式JavaScript框架|Vue.jsVueCLI：VueCLIVueRouter：VueRouter|Vue.js的官方路由一、什么是Vue1

QX_Java_Learner·2024-01-29 15:00

《Vue3 基础知识》Vue2 与 Vue3 技术对比（资源整理，建议收藏）

**Vue3技术Vue2技术描述Vue3Vue2Vue3/2官方指南VueRouter4VueRouter3Vue官方路由管理器Vuex4/Pinia(官方推荐)Vuex3Vue应用程序的状态管理模式+

AvatarGiser·2024-01-29 15:59

【vue2】路由之 Vue Router

文章目录一、安装二、基础使用1、简单的示例2、动态路由2.1定义动态路径参数2.2获取动态路径的参数2.3捕获所有路由3、嵌套路由4、编程式的导航4.1router.push4.2router.replace4.3router.go(n)5、命名路由6、重定向三、进阶1、导航守卫1.1全局前置守卫1.2全局后置钩子1.3路由独享的守卫1.4组件内的守卫完整的导航解析流程2、路由懒加载一、安装NPM

guozhenshu·2024-01-29 15:56

CSS自适应分辨率 postcss-pxtorem（适用于 Vite）

如果想知道基于Webpack+Vue2可移步《CSS自适应分辨率amfe-flexible和postcss-pxtorem（适用于Webpack）》项目对应的主要插件版本如下："vite":"^4.4.5

AvatarGiser·2024-01-29 15:25

Vue的状态管理Pinia

一、介绍官网：https://pinia.web3doc.top/introduction.htmlPinia是Vue官方团队开发的一个全新状态管理库Vue2和Vue3都可以使用去除了mutations

kimi-001·2024-01-29 15:55

自定义事件总线

当然我们可以选择一些第三方的库Vue2默认是带有事件总线的功能Vue3中推荐一些第三方库，比如mitt当然我们

咸鱼不咸_123·2024-01-29 10:20

Vue2+echarts 实现图表的简单绘制

Echarts是一个基于JavaScript的开源可视化库，由百度开发和维护。它通过简单的配置方式，就可以实现各种复杂的数据可视化和图表展示。Echarts支持多种图表类型，包括柱状图、折线图、饼图、散点图、漏斗图等，同时还支持地图可视化和3D可视化效果。Echarts具有高度可定制性和交互性，支持动态数据更新和大数据量展示。Echarts提供了丰富的API和文档，可以方便地与其他前端框架整合。E

ZLY_2004·2024-01-29 09:54

npm 或 yarn 使用别名同时安装同一个包的两个版本

以vue为例,同时安装vue的2.6版本和vue的3.2版本首先分别起名vue2和vue3npm安装##npm别名安装写法npminstallvue2@npm:vue@^2.6.14npminstallvue3

余栀丶·2024-01-29 07:43

如何导入导出Excel表格（vue2+SpringBoot+Element+easyexcel）

娃哈哈哈哈呀·2024-01-29 06:18

vue2 事件总线

原图下载：https://download.csdn.net/download/weixin_47401101/88788636

知远同学·2024-01-29 05:41

【Vue3】状态管理工具——pinia的使用

目录搭建pinia环境存储数据组件中使用数据修改数据storeToRefs$subscribepinia相当于vue2中的vuex，pinia也是vue.js状态管理库。

叶子yes·2024-01-29 04:42

vue2 使用vuex状态管理工具如何配置与搭建。

等我研究研究，下一期给大家出一个后台管理左侧侧边栏如何搭建的。首先我们先下载一下vuex包yarnaddvuex@31.先导入我们需要的Vue和vuex2.注册vuex3.创建vuex实例4.导出storeexportdefaultstore5.在main.js中导入并挂载到全局。Vuex如何实现模块化。1.首先我们在store文件夹下新建一个modules文件夹，在当前文件新建我们需要的vuex

Ma - hossihr·2024-01-29 02:42

Vue3 pinia全解(上)

如果你学过Vue2，那么你一定使用过Vuex。

还能救一下嘻嘻·2024-01-29 00:37

vue 样式隔离原理

，如，目的是为了隔离组件与组件之间的样式，如下面的例子：这是foo这是bar.foo{color:red;}.bar{color:green;}在vue组件挂在到dom之前，通过vue-loader（vue2

椒盐大肥猫·2024-01-28 23:09

学习了解 Vue3 的 nextTick() 方法

1.Vue3中的nextTick()方法在Vue3中，nextTick()方法的行为和Vue2中基本相似，但它进行了一些优化，以提高性能和稳定性。nextTick()

黑风风·2024-01-28 22:29

IDEA搭建JDK源码学习环境（可添加注释、修改、debug）

工程详见：https://github.com/wenpanwenpan/study-source-jdk1.8.0_2811、找到src.zip和javafx-src.zip找到你想要调试的JDK，笔者本地电脑上装了两个版本的JDK，这里以jdk1.8.0_281为例将JDK目录下的javafx-src.zip和src.zip两个压缩包进行拷贝（这里就是源码）2、新建目录并解压压缩包新建一个目录

wen-pan·2024-01-28 22:58

vue2实现codemirror在线代码编辑器（代码提示，行数显示..）

项目需求需要在管理系统模块中实现用户SQL语句自查询，实现一个代码编辑器，要求有执行，清空，代码提示，行数显示功能,，实现效果如下：------------------------------------------------------------实现思路使用codemirror插件封装组件，然后再父组件中引入使用，通过组件之间的通信方法，进行值的传递。子组件封装（writeSql.vue）首

翘首自由的九零后·2024-01-28 20:14

Cesium.js实现显示点位对应的自定义信息弹窗（数据面板）

博客：关于Cesium的常见需求整理之点位和弹窗（点位弹窗）博客：cesium添加点、线、面、文字、图标、模型等标绘零、相关技术选型：Vue2Vuecli5Cesium.js天地图一、需求说明在使用2D

@MADLING·2024-01-28 19:15

SpringMVC初始化源码学习

web.xmlorg.springframework.web.context.ContextLoaderListenercontextConfigLocation/WEB-INF/app-context.xmlapporg.springframework.web.servlet.DispatcherServletcontextConfigLocation1app/app/*ServletConte

weixin_44877172·2024-01-28 15:39

Vue 的存储库 Pinia 使用与介绍

之前我们使用Vue2的时候，Vuex可以说是必备的，它作为一个状态管理工具，给我们带来了极大的方便。

半兽先生·2024-01-28 15:07

mall 项目随笔

项目介绍技术栈Vue2.0(核心框架)Vue-CLI4.0(Vue脚手架)Vue-Router(SPA页面路由)Vuex(状态管理)Axios(网络请求)ES6(JavaScript语言的下一代标准)Less

coderlion·2024-01-28 13:39

spring getBean 源码学习（下）

上一篇springgetBean源码学习（上）基本上把getBean的过程细节了解清楚了，还剩下一些疑问以及没有注意到的细节，本篇文章就来深入细节，解析之前遗留的问题，最好是配合着上篇一起看。

jwfy·2024-01-28 12:48

认识&对比 React、Vue2、Vue3 三者的 diff 算法

ReactDiff算法认识ReactDiff算法React是Fiber架构的，Fiber其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化Diff算法（没有反向指针，从右往左遍历链表会很困难）。这一点在React源码reconcileChildrenArray函数的注释中也有说明。React采用Fiber架构的原因是JavaScript的运行会阻塞页面的渲染，Reac

渔舟唱晚@·2024-01-28 08:53

vue2 使用vue-org-tree 组件完整示例Demo vue2-org-tree

安装安装vue2-org-tree,然后再安装样式less-loadecnpminstall--save-devlessless-loadercnpminstall--save-devvue2-org-tree

Lan.W·2024-01-28 06:42

综合案例 - 商品列表

.my-tag组件封装（v-model处理：信息修改）4.my-table组件封装（整个表格）①数据不能写死，动态传递表格渲染的数据②结构不能写死-多处结构自定义【具名插槽】案例完整代码：1.App.vue2

W`hite·2024-01-28 06:25

Vue3按需导入Icon图标——VueCli

开始的时候都是先准备安装环境：1、安装icon组件npminstall@element-plus/icons-vue2、安装自动导入图片插件npminstall-Dunplugin-iconsunplugin-auto-import

psvm+Tab·2024-01-28 05:31

vue2项目实现自定义右键菜单, 可添加图标、事件等

通常浏览器都会有自己的右键菜单，如下图的谷歌浏览器网页上的右键菜单：下面介绍一下如何在vue的项目中实现自定义菜单，如下图所示：1.安装依赖包npminstallvue-contextmenujs2.在main.js中引用importContextmenufrom'vue-contextmenujs';Vue.use(Contextmenu);3.在需要实现自定义右键的元素上加上@contextm

程序猿小野·2024-01-28 04:05

vue2 模仿qq

点击qq音乐0"/>0":key="key":data="treeList"show-checkboxnode-key="id":expand-on-click-node="true":default-expanded-keys="treeData"icon-class="":props="defaultProps":filter-node-method="filterNode">0":class

圆脸喜欢吃菠萝·2024-01-28 03:17

vue2 树形数据，最后一集添加标识

functionaddTreeFn(treeData,type1){treeData.forEach((node)=>{if(node.children&&node.children.length>0){addTreeFn(node.children,type1)}else{node.sos=type1}})}addTreeFn(this.list,'1')

圆脸喜欢吃菠萝·2024-01-28 03:17

金额格式化，三位数逗号分隔 vue2（借鉴)

在main.js全局注册importVuefrom'vue';Vue.filter('currencyFormat',function(value){if(!isNaN(parseFloat(value))){//判断输入值是否为有效数字value=parseFloat(value);constparts=value.toFixed(2).split('.');//将小数点后两位转换为字符串并按小

圆脸喜欢吃菠萝·2024-01-28 03:15

创建基于Vue2.0开发项目的两种方式

前天开始接触基于Vue2.0的前端项目，实际操作中肯定会遇到一些问题，慢慢摸索和总结。

dawn·2024-01-28 03:13

《Vue3 基础知识》 Vue2+ElementUI 自动转 Vue3+ElementPlus（GoGoCode）

前言GoGoCode一个基于AST的JavaScript/Typescript/HTML代码转换工具。ASTabstractsyntaxcode抽象语法树。实现第一步：安装GoGoCode插件全局安装最新的gogocode-cli即可npmigogocode-cli-g查看版本gogocode-cli-V相关插件说明插件描述gogocode-cligogocode的命令行工具gogocode-pl

AvatarGiser·2024-01-28 02:46

vue2.0学习笔记黑马

前置知识一、WebPack实际开发中并不需要手动配置webpack1、概念webpack是前端项目工程化的具体解决方案主要功能：提供了友好的前端模块化开发支持、以及代码压缩混淆、处理浏览器端javaScript的兼容性、性能优化等强大的功能好处：提高开发效率和项目可维护性2、创建webpack项目新建项目空目录需要英文路径，并允许npminit-y命令，初始化包管理配置文件package.json

firewrk·2024-01-28 00:44

vue2和vue3的区别

Vue2响应式原理：Object.definePropertyVue3Vue基础语法+Vue-router+vuex(pinia)+组件库语法不同（组合式api)、体积更小、按需引入、proxy实现响应式

诗霖雪·2024-01-28 00:43

ElementUI 源码分析2 - 组件篇

ElementUI是一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。0、前言老规矩，带着问题看源码：组件的两种使用方式是如何做的（Tag模式｜API模式）？

风之化身呀·2024-01-27 23:02

Element UI

的方式加载语言文件5.自定义主题6.内置过渡动画三、组件Basic基础组件Form表单组件Data数据组件Notice提示组件Navigation导航组件Others其他组件一、介绍ElementUI是一套基于VUE2.0

ZiminLi·2024-01-27 23:39

控制反转依赖注入基本概念与 Spring IOC 源码学习

文章目录控制反转依赖注入基本概念与SpringIOC源码学习1.Background2.IOC实现方式3.SpringIOC3.1BeanFactoryBean生命周期3.2ApplicationContext3.2.1ResourceLoader3.2.2ApplicationEventPublisherSpring

小鹅鹅·2024-01-27 18:59

VueJs 监听 window.resize 方法---窗口变化

根据窗口的变化去变化canvas的宽度备注：重要的问题说三遍解决框架内的bug先说框架版本版本版本（这里用的Vue2.x、ES6）解决方案：方案一:1.第

小小码农披荆斩棘·2024-01-27 17:02

如何将前后端分离（vue2+SpringBoot）项目部署到腾讯云服务器

如何将前后端分离（vue2+SpringBoot）项目部署到腾讯云服务器目录如何将前后端分离（vue2+SpringBoot）项目部署到腾讯云服务器1、在选中目录地下新建2个文件夹2、将打包好的前端项目和后端

娃哈哈哈哈呀·2024-01-27 17:52

2024/01/05-vue2 前后端分离

前置准备修改node的端口号，如果和后端的端口号一样，后端可能会启动失败在vue.config.js中添加框选内容使用ui，这里使用都是elementuinpmielement-ui完整引入elementui：在main.js中写入以下内容（添加备注的那三行是真正要添加的，其余的是main.js本身自带的）importVuefrom'vue'importElementUIfrom'element-

瑕光.·2024-01-27 14:38

Vite,Vue3项目引入dataV报错的解决方法

背景:开发一个大屏项目中,需要是要DataV的那边边框,装饰等,只是DataV是基于vue2的,vue3版的作者还在开发中,于是翻了DataV的源码,发现使用esm方式时是直接引入源码而不经过打包,其源码中使用的

新时代的弩力·2024-01-27 14:16

VUE 3+TS “类型“DefineComponent＜{}, {}, any＞”的参数不能赋给类型“Plugin_2”的参数

vue2迁移到vue3经常发生的错误，定义好组件，main.ts报错，即使改为app.use(emp***asany),虽然不报错，但运行时还是报错，找不到文件。

宇文合·2024-01-27 14:16

React源码学习：查看react版本

1、找到项目下的package.json文件，找dependencies选项，找到react包，会显示版本号2、在项目代码中执行React.verison,打印也会显示react版本号3、源码中在目录packages\shared\ReactVersion.js文件下。一个问题就是，package.json文件显示的18.2.0，但是React.version执行打印出来的是18.1.0；

HaanLen·2024-01-27 13:23

vue2中的$nextTick原理和简单实现

一、原理1.1、它的原理涉及到Vue.js的异步更新队列机制;1.2、在Vue.js中，当数据变化时，Vue实例会异步执行更新。具体的更新过程是：触发数据变化，触发响应式getter。通过Dep（依赖管理器）进行依赖收集。数据发生变化时，通知相关的watcher。watcher将回调函数放入异步更新队列。而nextTick就是在这个异步更新队列执行完毕后被调用的。它的作用是在DOM更新之后执行回调

carpe diem xt·2024-01-27 13:50

vue的pinia环境搭建

Pinia的主要特点包括：对Vue2和Vue3提供良好的支持，使得老项目也可以使用Pinia。抛弃了Mutations的操作，只有state、getters和actions。

<有心人>·2024-01-27 13:44

Vue3之setup

一、Option和Composition首先，我们来谈谈vue的两种风格，vue2的API是Option（选择）风格，vue3的API是Composition（组合）风格。

<有心人>·2024-01-27 13:11

Spring源码学习-Spring流程概述（一）

Spring启动的流程publicclassTest{publicstaticvoidmain(String[]args){ClassPathXmlApplicationContextcontext=newClassPathXmlApplicationContext("applicationContext.xml");Studentbean=context.getBean(Student.clas

coder_sheep·2024-01-27 12:52

Spring源码学习---------(最简单易懂的源码学习笔记)

哈喽！大家好，我是「奇点」，江湖人称singularity。刚工作几年，想和大家一同进步一位上进心十足的【JavaToB端大厂领域博主】！喜欢java和python，平时比较懒，能用程序解决的坚决不手动解决✨如果有对【java】感兴趣的【小可爱】，欢迎关注我❤️❤️❤️感谢各位大可爱小可爱！❤️❤️❤️————————————————如果觉得本文对你有帮助，欢迎点赞，欢迎关注我，如果有补充欢迎评论

HiSiri666666·2024-01-27 12:49

Spring源码学习-实例化过程

spring源码学习中核心的部分，也是高频面试题，希望经过本章学习，帮助大家理解bean的实例化流程@Overridepublicvoidrefresh()throwsBeansException,IllegalStateException

coder_sheep·2024-01-27 12:14

推荐频道

vue2源码学习