VUE2.x 第21页

vue2.x源码解析六——组件化--5.生命周期

1.生命周期Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。首先我们来看一下官网的生命周期图（我自己做了一点点注释）：也可以看我之前的博客vue生命周期的理解Vue提供给我们的钩子为上图的红色的文字。生命周期钩子的函数，给予用户机会在一些特定的场景下添加他们自己的代码。我们现在用源码来分析生命周期的钩子函数

南张门·2020-08-11 10:13

vue2.x源码解析六——组件化--3.patch(将虚拟DOM映射为真实DOM)

1.patch通过vue2.x源码解析六——数据驱动，当我们通过createComponent创建了组件VNode，接下来会走到vm.

南张门·2020-08-11 10:41

vue2.x源码解析六——组件化--2.createComponent虚拟DOM组件

1.说明我们以Vue-cli初始化的代码为例，来分析一下Vue组件初始化的一个过程。importVuefrom'vue'importAppfrom'./App.vue'varapp=newVue({el:'#app',//这里的h是createElement方法render:h=>h(App)})和我们上一章相同的点也是通过render函数去渲染的，不同的这次通过createElement传的参数

南张门·2020-08-11 10:41

Vue2.x 源码阅读思路笔记

目前公司主要技术栈是Vue，为了更好的使用，完成的了解Vue的原理是很有必要的。刚开始直接阅读Vue源码时，发现自己阅读的效率很低。偶然间（其实不偶然）在Github中发现了这份笔记如何学习Vue2源码，完整的记录了实现Vue框架的完整过程。我fork了作者的项目，跟着作者的思路如何学习Vue2源码，完整走了一遍如何实现一个2.X版本的Vue。阅读过程中我拉了一个新分支如何学习Vue2源码（带注释

余阿良·2020-08-11 10:22

Vue2.x 源码剖析之虚拟 DOM

StudyNotesVue.js源码剖析-虚拟DOM什么是虚拟DOM虚拟DOM(VirtualDOM)是使用JavaScript对象来描述DOM，虚拟DOM的本质就是JavaScript对象，使用JavaScript对象来描述DOM的结构。应用的各种状态变化首先作用于虚拟DOM，最终映射到DOM。Vue.js中的虚拟DOM借鉴了Snabbdom，并添加了一些Vue.js中的特性，例如：指令和组件机

白驹过隙时光荏苒·2020-08-11 10:51

解决创建vue项目太慢问题（吐血经历）！！

后来发现了一个快速的方法，如下：这里使用的是vue2.x的使用initwebpack创建的方法。1.创建项目：sudovueinitwebpackprojectName2.完成一系列配置记住！！！

gxgalaxy·2020-08-10 16:12

vue2.x 三级弹窗

三级弹窗在实际中遇到了某种场景，需要使用三级弹窗，放大或缩小弹窗，所以自己封装了一个。大概就是这个样子，录屏转换gif有点模糊和卡。发布到npm上去了npmikc-dialog然后main.js其实我也不想起这么长的名字，别人都快我好多步importKDialogfrom'kc-dialog';import'kc-dialog/dist/KDialog.css'Vue.use(KDialog)配置

干啥啥不行，bug第一名·2020-08-10 10:30

Vue Echarts 引用（1）

Vue中Echarts的使用安装Echarts包vue2.x版本安装方式：npminstallecharts--savevue3.x安装方式：npmaddecharts--save（博主用的2.x这个安装方式有待验证

lovsty·2020-08-10 09:12

快速上手SpringBoot需要一些脚手架以及其他开源项目记录

renren-fast是一个轻量级的SpringBoot2.0快速开发平台，其设计目标是开发迅速、学习简单、轻量级、易扩展；使用SpringBoot、Shiro、MyBatis、Redis、Bootstrap、Vue2

Yblsfls·2020-08-10 05:31

vue-filter过滤器

到Vue2.x时废弃了这10个过滤器，但是它提供了自定义过滤器功能。

Cs_sssss·2020-08-09 18:18

VUE2.x中key关键字的作用以及为什么不能用index做key（解读并展示官网说法）

直接上图本文适合人群：不懂为什么要加key有什么用：当Vue正在更新使用v-for渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue将不会移动DOM元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。这个类似Vue1.x的track-by="$index"。这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时DOM状态(例如：表单输入

yuan5801551·2020-08-09 16:20

过滤器

用来格式化数据的一个函数vue1.x版本:借鉴了angular,提供10个过滤器，包括有：日期小数点位数保留货币大小写等Vue2.x版本：废弃了这10个过滤器，但是它提供了自定义过滤器的方式使用方式全局定义过滤器

Fain.（爱利达·2020-08-09 15:24

vue单页面应用中动态修改title

=====================================适用于1.微信2.webview3.各大浏览器－－－－－－－－demo:http://www.yahoo.com/首先执行命令vue2

weixin_34381687·2020-08-09 14:47

前端Vue开发过程使用相关组件及库

2019独角兽企业重金招聘Python工程师标准>>>UI组件-[elementui]vueui组件库-[viui]MetroUI风格的Vue组件库-[ydui]一只基于Vue2.x的移动端&微信UI-

weixin_33796177·2020-08-09 14:23

VUE——常用自定义过滤器定义与使用

Vue2.x不再支持自带的过滤器，使用过滤器需要自定义且过滤器只能使用在v-bind和双花括号里，以管道符“|”隔开，参数类似于函数的形式如：{{msg|filter(param)}}此文记录自己用过的的过滤器以便后续使用

kindCoder·2020-08-09 11:02

vue2.x vue-cli webpack 初探

1.安装node.js(自带npm)2.安装vue-cli--vue脚手架3.安装模板：有三种1）simple最简单的模板只有一个index.html(基本没什么用）2）webpack适合比较大型的项目，有语法检测3）webpack-simple我就安装这个，刚刚好还有提示。。。之前没看，就出现一堆错误无所谓了，重新按照他的提示跑一遍先进到安装目录cdwebpack-simple-demo然后安装

遇酒·2020-08-09 10:41

vue-cli(vue2.x)中使用axios的基本方法

Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。特性浏览器端发起XMLHttpRequests请求Node端发起http请求支持PromiseAPI拦截请求和响应转化请求和响应（数据）取消请求自动转化json数据客户端支持抵御XSRF（跨站请求伪造）安装axiosnpminstallaxios--save1、全局引入axios在入口处文件(main.js)引入ax

winne雪·2020-08-09 09:07

Object.defineProperty与Proxy理解整理

Proxy对象,会经常用来做数据劫持.数据劫持:在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果.数据劫持最典型的应用------双向的数据绑定(一个常用的面试题),Vue2

Seeyoucm·2020-08-08 20:34

Vue+Vuex+Koa2+Socket.io+Jssdk打造无人点餐系统

第一讲Vue2.x无人点餐无人收银系统多用户点餐智能打单在线支付系统介绍（8分钟）01项目介绍02功能介绍03应用场景04页面展示05必备基础第二讲Vue2.x的介绍Vue环境搭建运行项目（18分钟）01Vue

aa110aa110·2020-08-08 13:13

Vue2.X的路由和钩子函数

最近上班有些忙，好久没有更新文章，也没学习新的东西。今天来说说这个路由钩子吧。各位朋友帮我点点关注啊顺便来个666。导航和钩子函数：导航：路由正在发生改变关键字：路由变钩子函数：在路由切换的不同阶段调用不同的节点函数（钩子函数在我看来也就是：某个节点和时机触发的函数）。钩子函数主要用来拦截导航，让它完成跳转或取消，在导航的不同阶段来执行不同的函数，最后钩子函数的执行结果会告诉导航怎么做。。导航在所

settingSun66·2020-08-07 17:46

vue经典面试题

1、简单说一下Vue2.x响应式数据原理Vue在初

Alive_tree·2020-08-07 10:34

Vue 3 都 RC 了，前端的你还不来看看

Vue3介绍与安装实验介绍本节实验是本课程的第一个实验，主要带领大家了解一下Vue3beta版对比Vue2.x的重要变更，

实验楼·2020-08-06 04:02

vue2.X基础知识七之$nextTick

这是一段文本获取div内容varapp=newVue({//选择元素el:"#app",data:{showDiv:false},//通过事件触发methods:{getText:function(){this.showText=true;vartext=document.getElementById('div').innerHTML;console.log(text);}}});上面代码执行后，

啊哈！前端·2020-08-05 21:27

vue2.x饿了吗实战总结

vue2.x仿饿了么app项目总结转自https://blog.csdn.net/qq_39894133/article/details/78826450仿饿了么app是基于vue2.x最新实战项目，用到的技术栈

俊杰音乐Boy·2020-08-05 19:30

Vue2.x仿饿了么个人笔记

使用vue2.x仿饿了么时遇到了不同版本之间的问题，此处做些笔记。

Neil-·2020-08-05 19:29

Vue进阶——源码解读课题1 Vue数据响应式原理

简称变化侦测其次，要收集依赖，即实现数据变化后，‘对应视图’的刷新1变化侦测：通过Object.defineProperty()方法使属性变的可观测代码地址：src\core\observer\index.js(Vue2

Huijie Xu·2020-08-05 18:09

Vue+Typescript使用vue-router路由不正常跳转采坑记录

可能vue2.x和对ts的支持不是很好（期待vue3，将用ts重构）。期间遇到了一个最大的坑，找了挺久没有找到问题所在，最后解决了。

优雅的王德奥·2020-08-05 17:21

在做VUE项目时遇到的问题及解决办法：创建的vue项目找不到文件.babelrc，无法做到按需加载mint-ui组件库

1.使用命令：npminstall-gvue-cli2.使用命令：npminstall-g@vue/cli第一种安装vue-cli的方法是搜索出来的很多人常用的方法，第二种方法我是在慕课网上3小时速成Vue2

summer_my_sunshine·2020-08-05 14:54

Vue实例结合Bootstrap-商城购物车效果

目前在学习Vue2.x跟教程一起写的购物车实例，课程只讲获取数据和功能的实现，所以自己搭了一个简单界面，中间也遇到过问题，获取数据显示XML解析失败，后来发现我应该把项目放到服务器上运行，报错消失了。

Web-once·2020-08-05 14:46

用vue2.x注册一个全局的弹窗alert组件、confirm组件

一、在实际的开发当中，弹窗是少不了的，默认系统的弹窗样式太丑，难以满足项目的实际需求，所以需要自己定义弹窗组件，把弹窗组价定义为全局的，这样减少每次使用的时候引入麻烦，节省开发时间。本文将分享如何定义一个全局的弹窗组件。下边开始上代码。二、实际代码如下：1.在components目录下的public目录新建一个文件夹alert，然后新建两个文件alert.vue和alert.scss。组件的样式代

dazu9487·2020-08-05 13:43

vue 组件生命周期执行顺序

先上一张Vue2.X官方文档中组件生命周期的图示：从上图能很清楚的看出单个组件的生命周期：挂载：beforeCreate=>created=>beforeMount=>mounted更新：beforeUpdate

w799766·2020-08-05 02:25

Vue.js 学习笔记（八）

ajax请求官方的ajax依赖是axios还有一个忘了是什么，在vue2.x之后用的不多npm安装命令：npminstall--saveaxios安装好之后就可以使用了axios有两个方法用于请求数据：

lxr_wxp·2020-08-04 21:44

springboot2.x + shiro + vue2.X前后端分离跨域问题解决

springboot2.x+shiro+vue2.X前后端分离跨域问题解决现在各个企业比较推崇前后端分离开发的模式，后端用springboot比较多前端一般用三大框架react、vue、angularjs。但是很多小伙伴再做前后端分离的时候都会碰到跨域的问题，今天我对前一段时间做的一个前后端分离项目遇到的跨域问题做下总结，希望能帮助到遇到类似问题的小伙伴，今天向大神们学习谢谢博客，不喜勿喷。喜欢的

风随心飞飞·2020-08-04 19:44

顺藤摸瓜：用单元测试读懂 vue3 中的 provide/inject

比如Vue2.x文档中对此的描述是：这对选项需要一起使用，以允许一个祖先组件向其所

tonylua·2020-08-04 01:22

解析vue2.x源码之vue实例方法与全局API

基本概念介绍：vue实例方法：vm.$set、vm.$del、vm.$nextTick等，挂在Vue.prototype上的方法。全局API：Vue.directive、Vue.filter、Vue.component等，挂在Vue构造函数上的方法。本章从源码角度分析，Vue.js是如何实现这些功能的一、Vue实例方法的实现：Vue构造函数源码：import{initMixin}from'./in

前端小白 - GavinWu·2020-08-03 22:00

Vue笔记(十二) vue-ajax

vue项目中常用ajax库vue-resourcevue插件非官方库vue1.x使用广泛axios通用的ajax请求库官方推荐vue2.x使用广泛vue-resource的使用在线文档https://github.com

钦拆大仁·2020-08-03 22:55

基于vue2.x实现loading bar（加载进度条）组件

在线演示地址LoadingBar在这之前，我更新了有关一个单选框与复选框的组件实现，有兴趣的小伙伴也可以了解一下，今天我们来介绍一下loadingbar组件的实现原理。实现思路整个组件ui部分有两部分组成，分别为顶部条形记载进度条，和spinner加载圈组成，整个部分包含在一个大的div里，并且通过fixed进行布局，然后我们通过定时器控制其增长，如果未结束，进度条会一直停留在最后的位置，等待en

Eden-one·2020-08-03 13:49

Vue总结2020.7.31

前言：基于vue2.X写一份知识总结，可以说是学习笔记目录一、vue实例的基本结构二、vue事件处理、绑定属性三、vue指令、自定义指令四、vue过滤器五、vue数据监听六、vue组件七、vue-router

那谁呀撒·2020-08-03 10:26

vue2.X 工程webpack-dev-server后打开浏览器问题

vue2.X工程webpack-dev-server后打开浏览器问题1、自动打开默认浏览器根目录下，config文件夹/index.js文件中，修改dev对象下的autoOpenBrowser：false

小湾生产队队长·2020-08-03 00:04

Vue入门学习笔记2 Vue内部指令整理

上一篇的链接：vue.js入门学习笔记一参考学习视频链接：Vue2.x从入门到实战1、Vue内部指令概览指令描述v-if条件渲染，就像平常写的if语句一样的道理v-else必须与v-if搭配使用，如同普通的

会左勾拳的螳螂·2020-08-02 16:54

初学Vue（个人学习笔记）

后面的“P4”形式的是跟b站技术胖的Vue2.x基础免费视频。目前同时在看《Vue.js快跑》，如果有需要记录的点，会加以补充。好像这么弄有些乱，会花些时间重新整理一下的。

和樱·2020-08-02 14:06

Vue的2.x的安装与3.x的安装，原来如此简单

快速配置Vue环境在安装vue前首先要有准备工作，要安装node及npm（自带的）【Node.js官方安装包及源码下载地址：http://nodejs.org/download/】安装Vue：vue2.

Sawyerswt·2020-08-01 14:13

vue2.x 下载后台传过来的流文件（excel）后乱码问题（转载）

找了这个问题找了好久终于找到可行的办法转载一下原文链接点击打开链接1.接口返回的流和头部：2.下载流文件的代码方法一：是用了插件https://github.com/kennethjiang/js-file-download方法二：是用了blob不管哪种方法，记得设置responseType！！！！！附上代码：//导出订单exportBill:function(){leturl_post=Vue.

若茶先森·2020-08-01 09:21

Vue 页面缓存, 项目遇到的,圆满解决

Vue-navigation需要vue2.x与vue-router2.x。

fanfange·2020-08-01 05:30

vue this.$router.go(-1); 或者 this.$router.back() 返回时怎么带参数

1、声明一个空的Vue模块goBackEntityimportVuefrom'vue'/***定义空的vue实例，作为goBackEntity实现非父子组件之间的通信(vue2.x中去掉了broadcast

System.out.print·2020-08-01 05:25

vue 项目打包本地访问--history模式入坑

问题重现：vue2.x版本router去掉url中#，即history模式，打包后,http-sever启动服务访问不出页面？

weixin_37347069·2020-08-01 05:23

【Vue】详解组件的基础与高级用法

Vue.js最核心的功能就是组件（Component），从组件的构建、注册到组件间通信，Vue2.x提供了更多方式，让我们更灵活地使用组件来实现不同需求。

weixin_33735077·2020-08-01 03:35

vue2.x源码解析六——组件化--6.组件注册

1.组件注册在Vue.js中，除了它内置的组件如keep-alive、component、transition、transition-group等，其它用户自定义组件在使用前必须注册。如果不注册报错信息：'Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovid

南张门·2020-07-31 17:32

前端笔记 - vue2.x data初始化以及Observer

前提：已经clone下来vue源码vue的data属性是在实际使用中最常见的了，以及大家老生常谈的双向绑定。本篇文章介绍了data属性的初始化以及双向绑定中model绑定部分。先概述一下整体的逻辑过程：1、初始化vue实例2、在实例created生命周期之前执行initState函数，这个函数对props、methods、data、computed、watch初始化3、在data初始化中，vue会

weixin_33858485·2020-07-30 21:11

推荐频道

VUE2.x