VUE2.x 第22页

vue2.x源码解析六——组件化--1.简介

（前一个为vue2.x源码解析五–数据驱动）。组件化：就是把页面拆分成多个组件(component)，每个组件依赖的CSS、JavaScript、模板、图片等资源放在一起开发和维护。

南张门·2020-07-27 23:40

vue2.x源码解析五——数据驱动--3.Vue 实例挂载的实现

1.挂载到DOM在上一节中我们知道，在Vue初始化的最后是挂载到DOM上的。src/core/instance/init.js：在初始化的最后，检测到如果有el属性，则调用vm.$mount方法挂载vm，挂载的目标就是把模板渲染成最终的DOMif(vm.$options.el){vm.$mount(vm.$options.el)}下面我们来了解一下Vue实例挂载的实现2.$mountVue中我们是

南张门·2020-07-27 23:39

1分钟，带你了解 Vue2.x 渐进式框架！

文章目录什么是渐进式框架Vue与Jquery对比快速开始声明式渲染MVVM模式实践常见Vue指令Vue快速入门免费视频地址什么是渐进式框架Vue没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；还可以用它的视图，搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用OO和设计模式的那套理念，也可以函数式，都可以，它只是个

gz_liuhong·2020-07-27 22:21

Vue源码分析(3)--选项合并过程mergeOptions

前言本文是vue2.x源码分析的第三篇，主要讲解选项合并过程mergeOptions！先看调用形式vm.

风之化身呀·2020-07-27 20:00

vue2.x：一、vue-cli 4安装和vue项目的基本解析

一、vue-cli4安装和vue项目的基本解析vue2.x基本开发和使用1、nodejs的安装2、安装@vue/cli4并解析vue项目创建项目vuecli创建的项目目录解析注：本文皆为本人自己实际开发中的了解所得经验

我家猫每天都在飞·2020-07-27 18:16

Vue2.x中vuex的使用方法及应用时的项目文件结构设计以完整demo实例解释

基本概念：Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。目录结构：Vuex并不限制你的代码结构。但是，它规定了一些需要遵守的规则：应用层级的状态应该集中到单个store对象中。提交mutation是更改状态的唯一方法，并且这个过程是同步的。异步逻辑都应该封装到action里面。只要你遵守以上规则

ECMAScripter·2020-07-27 15:51

vue之v-for遍历

不过应该注意的是Vue2.x目前并不支持可响应的Map和Set值，所以无法自动探测变更。

E_li_na·2020-07-27 15:21

前端三大框架：数据绑定与数据流

目录序言单向数据绑定vs双向数据绑定单向数据流vs双向数据流数据流与数据绑定参考1.序言在前端三大主流的框架中，我们可能会经常听到React是单向数据流，采用单向数据绑定，而Vue2.x也是单向数据流，

forcheng·2020-07-26 16:00

vue proxy 的优势与使用场景实现

大家都知道，vue2.x以及之前的版本是使用Object.defineProperty实现数据的

·2020-07-20 16:19

前端面试题大全（vue、es6、html、css、js）

文章目录【Vue】Vue2.x响应式数据/双向绑定原理1、既然Vue通过数据劫持可以精准探测数据在具体dom上的变化，为什么还需要虚拟DOMdiff呢？

illion-78·2020-07-19 17:34

详谈Object.defineProperty 及实现数据双向绑定

Vue2.x是使用Object.defindProperty()，来进行对对象的监听的。Vue3.x版本之后就改用Proxy进行实现的。下面

·2020-07-19 10:23

Vue响应式原理

虽然Vue3.0即将到来，我想Vue2.x也不至于马上过时。今天就从Vue2.x与Vue.3.0数据劫持如何实现数据双向绑定。

陈嘻嘻啊·2020-07-16 14:13

关于vue2.x使用axios以及http-proxy-middleware代理处理跨域的问题

唐宋元明清.·2020-07-16 05:28

vue-cli3安装遇到的问题，卸载不掉旧版本，导致更新不了

在我学习vue-cli3的过程中，首先就是安装环境，但是在这里遇到一个大坑，心累···使用了无数遍npmuninsallvue-cli-g都无法卸载vue2.x上网找资料，终于找到跟自己相似情况的小伙伴

mao_mao37·2020-07-16 03:44

Vue2.x中的Render函数

Render函数是Vue2.x版本新增的一个函数；使用虚拟dom来渲染节点提升性能，因为它是基于JavaScript计算。通过使用createElement(h)来创建dom节点。

dc1339485·2020-07-15 22:42

vue2.x集成百度富文本编辑器

最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，找了几个基于vue开发的富文本编辑器。所以最后决定使用百度UEditor。然后又是各种找如何集成到vue中。好记性不如烂笔头，记录下来以便以后需要的时候可以直接用。1.前期工作，访问百度富文本官网下载相应的百度富文本文件，根据后端用的技术下载相应的版本，建议下载最新版UTF-8版（有图有真相，看图）https://ueditor.ba

chensunxu·2020-07-15 21:30

初探 Vue3.0 中的一大亮点——Proxy !

这将会消除了之前Vue2.x中基于Object.defineProperty的

弹琴弹琴·2020-07-15 20:10

vue.js实现原理 -- 订阅者，发布者模式

zh众所周知，vue2.x版本是通过Object.defineProperty()种的get进行拦截，set进行发送，其实这只是表面理解，实际运用的是JavaScript的订阅者、发布者模式。

weixin_34120274·2020-07-15 05:19

Vuejs的一些总结

原文链接：http://mrzhang123.github.io/2016/07/14/summarize-vue/本文基于vue1.x基于vue2.x&webpack2.x请移步至Vue2.x踩坑与总结

weixin_34054866·2020-07-15 05:40

Vue2.x最简单的两个入门例子

教程目录0x00教程内容0x01准备环境1.安装nvm（node与npm）2.安装vue-cli0x02vue-cli入门例子1.初始化vue-cli2.启动vue-cli项目3.项目结构介绍4.简单配置介绍5.简单修改项目0x03vue简单入门例子1.新建html页面2.编写代码3.预览结果0xFF总结0x00教程内容准备环境vue-cli入门例子vue简单入门例子0x01准备环境1.安装nvm

邵奈一·2020-07-14 22:25

vue百度地图中显示多个不同的icon覆盖点

实现效果：vue2.x百度地图官网：https://dafrok.github.io/vue-baidu-map/#/zh/index百度地图开发者平台申请的密钥ak：http://lbsyun.baidu.com

xx_小熊·2020-07-14 20:49

Vue2.x之生命周期详解

目录直通车一、分三步流程解读1、初始化显示2、更新状态3、销毁Vue实例二、常用的生命周期方法三、完整流程解读实例代码完整生命周期实例生命周期也叫钩子。我在官网找了一张图，千万不要觉得这张图好复杂就不去认真的分析了，反而去看别人写的博客，反而越整越懵。就下面这张图，为大家详解生命周期，然后贴出实例代码。生命周期说白了就是一套流程，而这套流程里面的方法就会有先后顺序的执行（调用了就执行，不调用就不会

Mr.DJun·2020-07-14 20:02

vue基础知识点

vue2.x响应式数据/双向绑定原理Vue数据双向绑定主要是指：数据变化更新视图，视图变化更新数据。其中，View变化更新Dat

freewlt·2020-07-14 16:35

ElementUI datepicker日期选择器时间选择范围限制

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。

apple011222·2020-07-14 07:48

Vue2.x—理解vuex核心概念action（使用到ES6的变量的解构赋值）

ActionAction类似于mutation，不同在于：Action提交的是mutation，而不是直接变更状态。Action可以包含任意异步操作。让我们来注册一个简单的action：conststore=newVuex.Store({state:{count:0},mutations:{increment(state){state.count++}},actions:{increment(co

ECMAScripter·2020-07-14 04:44

Vue2.x案例之商品增删改查的实现

教程目录0x00教程内容0x01准备环境1.安装nvm（node与npm）2.安装并初始化vue-cli0x02vue-cli方式开发1.启动项目3.代码讲解0x03校验效果1.详细步骤2.引入jQuery0x04传统开发1.非vue-cli方式代码2.两种方式的比较0xFF总结0x00教程内容准备环境vue-cli方式开发校验效果传统开发0x01准备环境1.安装nvm（node与npm）a.请参

邵奈一·2020-07-14 02:59

vue基于element日期选择器时间选择范围限制

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。

qq_42221334·2020-07-14 02:34

2018年1月计划

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

文敦复·2020-07-13 16:44

解读Vue3.0的变更之路

3：CompositionAPI：组合API相对于Vue2.x的optionAPI4：Fragment,Teleport,Suspense：“碎片”，Teleport即Protal传送门5：BetterTypeScriptsu

qq_43239820·2020-07-13 12:25

不用mock，前端来建立后端服务以便自己实现接口

主要用到的技术与功能插件前端：vue2.x,vue-

小鸟游露露·2020-07-13 10:10

动手写写Vue的数据劫持

二、介绍这里学习的是Vue2.x下双向绑定的方法，是数据劫持+订阅发布者模式。

nysheng·2020-07-13 10:26

vue-navigation一个原生路由插件

github:https://github.com/zack24q/vue-navigation需要vue2.x与vue-router2.x。

弹琴弹琴·2020-07-13 02:34

创建一个vue2.x项目

以下以命令为步骤1.vueinitwebpack你要确定你所需的环境都配置了，例如node，vue-cli（2.x版本），npm，然后配置一些选项，就可以自动创建一个vue项目了2.此时项目的框架大体上搭建好了，其实已经可以开始做项目了，但是为了更好的做项目，我们需要配置一些自己喜欢的插件2.1使用px2rem-loader插件npmilib-flexible-Snpmipx2rem-loader

a474786378·2020-07-13 02:07

vue 使用 vue-amap 生成高德地图

首先说一下，什么是vue-amap，vue-amap是基于Vue2.x与高德的地图组件，数据状态与地图状态单向绑定，开发者无需关心地图的具体操作vue-amap官网https://elemefe.github.io

ZPeng_Yan·2020-07-13 01:12

Vue中的过滤器、拦截器、生命周期

过滤器分为全局过滤器和局部过滤器；Vue1.x版本借鉴了angular,提供10个过滤器，包括有：日期小数点位数保留货币大小写等Vue2.x废弃了这10个过滤器，但是它提供了自定义过滤器的方式，老版本的就不说了

WuJiangang5112·2020-07-13 01:46

使用vue-cli 创建vue2.x项目中使用vue-router 与之前的区别

使用vue-cli创建vue2.x项目中使用vue-router与之前的区别现在根据官方文档查看开始,可以看到:HTML中使用router-link组件来导航,通过传入’to’属性指定链接,而默认会被渲染成一个标签

法研鲁迅·2020-07-12 22:08

vue-composition-api 解读(1)

@vue/composition-api解读1vue-composition-api是vue官方出得,基于vue3的RFC来兼容Vue2.x的增强api，具体API和vue-next是差不多的，具体的API

Virtus_pro·2020-07-11 21:42

Vue2.x之过滤器filter函数

目录直通车定义过滤器使用过滤器引入cdn怎么使用？实例代码我还是先解释，后面贴出实例代码，便于大家学习。filter是Vue的一个函数，使用之前需要先定义。定义过滤器//filterName是自己给过滤器命的名Vue.filter('filterName',function(value){//返回处理后的值})使用过滤器{{myData|filterName}}{{myData|filterNam

Mr.DJun·2020-07-11 20:00

Vue2.x文档细读（基础篇）

yuan5801551·2020-07-10 13:58

Vue2.x 的笔记：第一次的感受 Vue 开篇

在互联网高速发现的今天，可以说每天都在变化着一不留神你就会错过一个亿，所以你不得不时刻的保持着高度的专注。互联网的信息是多元的，大量的，在海量的信息中很容易就会迷失自己，沉浸在互联网给我们带来的快乐当中。所以不管你做的什么行业，时刻都要保持关注，因为我是做技术的，所以我们今天就来说说技术把。谈谈我的愚见我的主业是做前端开发，然而如今的前端开发与前些年的传统的前端开发相比已经发生来翻天覆地的变化。由

weixin_34377919·2020-07-10 09:09

Vue2.x源码解析系列一：我的源码阅读心得

写在前面的话：关于作者言川笔名言川,前端工程师，精通Vue/Webpack/Git等，熟悉Node/React等，涉猎广泛，对算法/后端/人工智能/linux等都有一定研究。开源爱好者，github上目前总计5000+Star。我的github主页：https://github.com/lihongxun945我的博客地址：https://github.com/lihongxun945/myblo

weixin_33932129·2020-07-10 07:38

vue总结

1.vue1.x到vue2.x部分区别1.cli--inline被默认开启2.contentBase换成proxy3.减少控制台无用输出比如断开服务器1.x输出错误信息2.x输出disconnected4.2.0

weixin_30919919·2020-07-10 07:34

Vue2.x源码解析系列

原文https://github.com/lihongxun945/myblog这里都是每周读书笔记性质的博客，以前端知识为主，记录每周学习的各种零碎知识。（按时间倒序）Vue3.0开发路线发布关于Vue和React区别的一些笔记⭐️使用Rollup构建你的JS代码理解Iterator,Generator和Async/Await⭐️我们为什么需要指令JS引擎基础：Shapes和ICs系列博客(精华

大灰狼的小绵羊哥哥·2020-07-10 02:30

vue（必须）掌握的相关知识

现在补充一下vue2.x的相关知识。

那颗星好美·2020-07-10 00:42

vue-cli(vue2.x)中使用mixins（混入）

官网参考链接：https://cn.vuejs.org/v2/guide/mixins.html前言：混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。选项合并原则：当组件和混入对象含有同名选项时，这些选项将以恰当的方式混合。1、数据对象在内部会进行浅合并(一层属性深度)，在和组件的

winne雪·2020-07-09 20:23

【vue】基于vue2.x的vue项目最最最基础模板

前言好久不见啊大家，今天想写这篇博客的时候才发现博客已经断更大半年了（手动滑稽）由于去年十二月份被公司再次发配到上海出差，而且这次主要开发的是针对IE浏览器的一个插件（c++和js的交互）所以就很长时间没有接触外网了，更别说开发外网的项目了，博客也没什么可更新的了这篇博客是插件已经基本开发完成，马上又要重新接手外网的项目了就准备重新给大家搭建个vue项目最最最最最基础模板顺便自己再回顾下一、项目基

不想写代码的码农·2020-07-09 19:23

vue2.x 使用event返回当前点击事件的对象(主要应用在循环出来的dom元素设置点击时，返回当前被点击的dom对象)

我的需求：点击div时就将我点击的这个div里面的button显示出来，再次点击就隐藏首先看看循环出来的HTML代码模块{{data.title}}进入教室注意到我这里设置一个div的点击事件，那么下面就是点击这个div时，就获取点击的那个dom对象。看js部分的代码。methods:{showbutton(teachers,e){vareventdom=e.target//获取点击的dom对象v

haeasringnar·2020-07-09 16:25

Vue3 核心功能的第一次尝鲜经历

与vue2.x的区别以及个人观感vue3

全栈修炼·2020-07-09 14:57

vue2.X心得

VUEJS学习网址：https://cn.vuejs.org/此文章是用来记录自己的学习和实践心得。关注点：父子组件之间的通信看图说话：PassProps子组件本身与父组件是孤立的，通过子组件中显示声明的props属性，接收父组件数据;父组件的数据更新时，子组件的prop会跟着更新；此数据流动是单向的（看着）;EmitEvents子组件使用$.emit(fn)向外抛出自己的内部触发的事件;父组件是

aisi1982·2020-07-09 13:11

vue2.x和vue3的数据响应式原理

那么都快要使用3了，vue2.x和vue3的数据响应式原理有什么差异？我单独分析一个点。

三木雪白水·2020-07-09 10:46

推荐频道

VUE2.x