VUE2.x 第24页

动手实现一个Datepicker-Vue.2x

vue-datepicker-基于Vue2.x日期选择组件Datepicker是一款稍微复杂的组件，其中涉及的日历计算与显示需要比较清晰的逻辑。

原谅我的突然·2020-06-27 20:52

聊一聊Diff算法（React、Vue2.x、Vue3.x）

场景计算两颗树形结构差异并进行转换文中,所提及n均代表节点的个数传统Diff算法处理方案:循环递归每一个节点传统diff如上所示,左侧树a节点依次进行如下对比:a->e、a->d、a->b、a->c、a->a之后左侧树其它节点b、c、d、e亦是与右侧树每个节点对比,算法复杂度能达到O(n^2)查找完差异后还需计算最小转换方式，这其中的原理我没仔细去看，最终达到的算法复杂度是O(n^3)将两颗树中所

wander·2020-06-27 01:52

vue知识点归纳与总结(笔记)

前言当前总结是本人在业余学习与实践过程后的总结与归纳,旨在检验自己的积累,也方便忘记时查阅,同时也希望能帮助那些这方面知识匮乏的同行门,总结是基于vue2.x,vue-cli3.x,主要记录些，vue常用的指令

yaoxfly·2020-06-26 23:38

vue-router路由组件的使用2.X

vue2.X升级后router组件改动比较大,不过个人感觉改的更方便更简单了;下面给大家介绍下1.X与2.X的区别与2.Xvue-router的使用方法;vue2.X路由组件的使用HOME)改为下面的-

xiaoaiai·2020-06-26 22:40

vue学习笔记（三）- vue2.x引入Element-ui

vue学习笔记（三）-vue2.x引入Element-uiwebpack+vue2.x+element-ui作者：狐狸家的鱼本文链接：vue2.x引入Element-uiGitHub：sueRimn1、

DebJane·2020-06-26 15:48

vue3.x的新特性研究

快捷导航vue3.x的新特性研究vue2.x面临的问题vue3.x的主要优势vue3.x写法变动VueFunction-basedAPIRFC1.setup()2.state的设定包装对象**ref()

sky_cmc·2020-06-26 12:12

Vue 开发必须知道的 36 个技巧【近1W字】

后面应该还会有Alpha、Beta等版本,预计至少要等到2020年第一季度才有可能发布3.0正式版;所以应该趁还没出来加紧打好Vue2.x的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了

sinat_37903468·2020-06-26 12:08

VUE 原理性知识问答（基础到进阶含 vue3.0）

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

代码搬运媛·2020-06-26 11:27

使用Vue-Router 2实现路由功能

注意：vue-router2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router2实现路由功能。推荐使用npm安装。

大灰狼的小绵羊哥哥·2020-06-26 10:08

仿写Vue七、响应式

01、数据劫持我们都知道在Vue2.x版本中，数据的双向绑定是靠Object.defineProperty（）来实现的。在3的版本中使用的Proxy来代理。毫无疑问，proxy实现起来更简单。

进击的桐人·2020-06-26 06:34

SpringBoot +Vue2.x版本项目开发第一步项目的搭建

sdu@xy·2020-06-26 03:52

vue2.x 仿饿了么app商家页面项目总结

utm_source=tag-newest)专栏前端文章详情moxiaojing103发布于前端关注专栏2017-07-10发布最新vue2.x仿饿了么app商家页面项目总结vue.js11.3k次阅读

qq_41833434·2020-06-25 21:52

vue2.x ---vue-mobile-calendar的学习使用笔记

项目需求：日历显示2中状态，一种是从注册日期起到现在没捐款的日子，一种是捐款过的日子，插件github地址:https://github.com/lx544690189/vue-mobile-calendar插件npm地址：https://www.npmjs.com/package/vue-mobile-calendar1、安装npmivue-mobile-calendar2、引入importCa

开心就好1314520·2020-06-25 14:37

vue2.x 202005

vue2.x-简介Vue框架的意义：vue在编码背后做了大量工作。现在数据和DOM已经被建立了关联,响应式数据和非响应式数据。指令带有前缀v-，以表示它们是Vue提供的特殊attribute。几乎任意类型的应用界面都可以抽象为一个组件树。vue常用选项参数varvm=newVue({data:{},created(){},computed:{},watch:{},methods:{},})vue钩

金银忍冬·2020-06-25 06:10

高级前端开发者必会的34道Vue面试题解析（三）

前言通过前面的文章，我们认识了页面的响应是由Vue实例里的data函数所返回的数据变化而驱动，也重点学习了页面的响应与数据变化之间是是如何来联系起来的，并且分别在Vue2.x与3.x中，从零到一实现了两个版本下的数据变化驱动页面响应原理

全栈者·2020-06-25 03:42

基于 Vue2.x 的独立分页插件 v-page

v-page详细介绍v-pageforVue2.x一个基于Vue2.x开发的，简洁易用的独立分页插件，支持分页菜单，i18n多语言支持插件预览使用入门、文档、实例更多文档和实例请访问：Englishofficialsite

phj_88·2020-06-24 19:52

Vue.nextTick实现原理

vue2.X深入响应式原理的异步更新队列中说明如下：只要侦听到数据变化，Vue将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。如果同一个watcher被多次触发，只会被推入到队列中一次。

指尖跳动·2020-06-24 07:14

vue2.0 实现组件props双向绑定

前言Vue2.x相比较Vue1.x,移除组件的props的双向绑定功能。单向数据流（官方解释）prop是单向绑定的：当父组件的属性变化时，将传导给子组件。

暴烈的海胆·2020-06-23 22:10

到了Vue2.x有哪些变化？—— 知识点

1.关于模板：在每个组件模板中（template），不在支持片段代码。个人理解：在template中必须有有一个根元素（rootelement）来包裹住所有代码。也就是template标签只能有一个亲儿子。我是组件msg我是spanVue.component('myMsg',{template:'#testMsg'});varvm=newVue({el:'#app',});注意上面的模板（temp

datura_lj·2020-06-23 12:30

vue/cli3.x+elementUI2.8踩雷之旅（一、环境安装）

2：安装vue-cli3.x如果此前已经安装vue2.x或更早版本，请执行：npmuninstall-gvue-cli来卸载旧版本。（有重要项目仍然要用他的话，自己看着办。本白保持观

godshome·2020-06-23 10:17

Vue接口调用问题

应公司需求，接口需要对接vue，记录一下碰到的问题开发环境：系统：windows10php开发环境：PHPstudy（PHP5.6.27NTS+Apache+MySQL）前端：vue2.x后端：thinkPHP5.0.24

不二青春·2020-06-23 07:53

XCel 项目总结 - Electron 与 Vue 的性能优化

XCEL基于Electron和Vue2.x，它不仅跨平台（windows7+、Mac和Linux），而且充分利用Electron多进程任务处理等功能，使其性能优异。

cpongo3·2020-06-23 00:41

在Vue-Cli项目中使用全局less变量

最开始是在Vue2.X版本中尝试使用Less全局变量的，但是不知道因为什么原因一直报错，错误信息大概是未安装css-loader一类的错误，但天地良心我装了！！

aozhou9334·2020-06-22 14:53

vue 2.x实现动画效果

vue2.x开始，动画效果的实现都已经抽象成一个内建的组件了，transitiontoggledcontenttoggledcontent1.transition标签属性设置需要的动画类型0"@click

第八共同体·2020-06-22 12:03

mpvue2.0多端小程序框架

mpVue2.0多端小程序框架注意事项：目前mpvue框架使用的是vue2.x，所以需要使用vue2.x的脚手架npminstall-gvue-cli搭建mpvue脚手架基于mpvue-quickstart

ZQD1997·2020-06-22 09:19

vue2.x响应式原理，vue与react响应式简单对比

配合ppt食用更佳ppt实现的最终目标constdemo=newVue({data:{text:"before",},//对应的template为{{text}}render(h){returnh('div',{},[h('span',{},[this.__toString__(this.text)])])}})setTimeout(function(){demo.text="after"},30

SirM2z·2020-06-22 05:56

一个简单案例教你如何用Typescript写Vuex

本教程通过编写一个简单的demo讲解vuex的实现方式，以及如何对基于vue2.x的已有项目进行Typescript重构。项目初始化现在都9012了，所以我们直接使

weixin_33763244·2020-06-21 10:04

Vue 3.0 对数据双向绑定的改进

目录1、Object.defineProperty的缺陷2、Vue3.0的数据双向绑定原理3、之前的问题得到了完美的解决1、Object.defineProperty的缺陷熟悉Vue的人都知道，在Vue2

yingjieweb·2020-06-16 17:35

vue 3.x 如何高效学成？本文详解

本文主要分享的是vue2.x与vue3.x之间一些常见用法的差异。虽然记录的不多，但也不算少。本文资料来源：github.com/vuej

程序员的人生A·2020-06-08 21:00

React Hooks + TypeScript 做个仿 MacOS 桌面（一）：项目初始化

项目初衷0做个有特点的前端项目，而MacOS系统桌面可以实现的东西太多了1工作中主要技术栈为vue2.x，想通过项目实践react的学习（hooks熟练了，react和vue3.0都间接拿下了）2熟悉并实践

不讨喜的大雄·2020-05-29 23:18

vuex状态管理（运行机制及实例）

背景：vue2.x项目组件工程化数据的层层传递太麻烦。如下图：内层的在家呢需要父组件的数据需要一层一层地传递，组件加载数据到父组件的时候需要一层一层回递，这样加重页面的负担。

Front 小思·2020-05-18 10:48

Vue3源码--优化Slot生成

Vue2.x中，如果有一个组件传入了slot，那么每次父组件更新的时候，必定会强制使子组件update，造成性能的浪费。

勤奋的大鱼·2020-05-17 00:29

filter+transition实现点亮图片效果

源代码此处采用vue2.x的写法。exportdefault{name:"lightYouImage",da

陌上兮月·2020-05-03 15:00

vue2.x学习笔记（三十二）

接着前面的内容：https://www.cnblogs.com/yanggb/p/12684060.html。深入响应式原理vue最独特的特性之一，是其非侵入式（耦合度低）的响应式系统：数据模型仅仅是普通的javascript对象，当你修改它们的时候，视图会自动进行更新。这一特性使得状态管理非常简单直接，不过理解其工作原理同样重要，因为这样你才可以避开一些常见的问题。因此在这里研究下vue响应式系

杨冠标·2020-05-02 07:00

浅谈Vue3.0新版API之composition-api入坑指南

关于VUE3.0由于vue3.0语法跟vue2.x的语法几乎是完全兼容的，本文主要介绍了如何使用composition-api，主要分以下几个方面来讲使用vite体验vue3.0composition-api

请叫我宋某某·2020-04-30 16:32

Vue3.0新版API之composition-api入坑指南

关于VUE3.0由于vue3.0语法跟vue2.x的语法几乎是完全兼容的，本文主要介绍了如何使用composition-api，主要分以下几个方面来讲使用vite体验vue3.0composition-api

请叫我宋某某·2020-04-30 16:00

详解Vue3中对VDOM的改进

由于MV**的架构，真实DOM树应该随着数据（Vue2.x中的data）的改变而发生改变，这些改变可能是

LhrAlander·2020-04-23 16:45

基于Vue.js活动倒计时组件

vue2-countdownvue活动倒计时组件及遇到的坑基于vue2.x的活动倒计时组件主要是最近为了公司做一个倒计时活动才找到了这个组件使用的。

Heroinn·2020-04-21 09:05

vue2.x数组劫持原理的实现

接上篇Vue2.x对象劫持，继续来写数组劫持实现原理：1重新定义原生数组方法pushunshiftshiftpopsplicesortreverse因为这些方法可以修改原数组。

China·2020-04-19 16:22

vue2.x 对象劫持的原理实现

目标：手写迷你版Vue一：使用rollup打包,打包后的代码体积更小，更适合写框架源码的打包npmirollup-D二：安装babel相关的包，以及实现静态服务，设置环境变量的包npmi@babel/core@babel/preset-envrollup-plugin-babelroullup-plugin-servecross-env-D三：包的相关介绍rollup(打包工具)@babel/co

China·2020-04-19 16:48

从 defineProperty 到 Proxy

众所周知，Vue2.x的数据绑定是通过defineProperty。而在Vue3.x的设计中，数据绑定是通过Proxy实现的，这两者到底有何异同？

Wise.Wrong·2020-04-14 21:00

Vue2.X监听data变化的核心API—Object.defineProperty详解

Vue2.X监听data变化的核心API—Object.defineProperty基本使用：Object.defineProperty实现响应式1.监听对象(简单对象)上面通过监听get,set方法了解到

水吉佩奇·2020-04-12 19:00

vue2.x学习笔记（十二）

接着前面的内容：https://www.cnblogs.com/yanggb/p/12592256.html。组件基础组件化是vue的一个重要特性，也是vue学习中非常重要的一个知识点。基础示例这里有一个vue组件的实例：//定义一个名为button-counter的新组件Vue.component('button-counter',{data:function(){return{count:0}

杨冠标·2020-04-12 00:00

Vue2.x开发Chrome插件记录

背景作为一名web开发者,对Animate.css这个动画库不会陌生,它把常见的动画都封装了起来，非常实用。但是有时候在开发中，仅仅只是需要某一两个动画效果，把整个CSS文件都引入，这样不是太好。需求就出现了，能不能有一个工具可以直接预览Animate.css对应的动画效果，并且生成对应的动画代码呢？作为web开发者，平时跟Chrome浏览器打交道最多，于是就想着整一个Chrome插件可以及时预览

LoadingMore·2020-04-07 05:53

vue2.x双向数据绑定原理

1.vue双向数据绑定原理vue.js采用的是数据劫持结合发布者-订阅者模式的方式.利用Object.defineProperty来劫持对象,利用getter,setter在数据变动时发布消息给订阅者,触发相对应的监听回调，更新视图.2.实现数据绑定的方法大致有几种1.发布者-订阅者模式:一般通过sub、pub的方式实现数据和视图的绑定监听,更新数据的方式通常做法是vm.set('property

仔崽06·2020-04-06 13:35

Vue源码分析(11)--实例分析component,props,slot

前言本文是vue2.x源码分析的第十一篇，主要看component,props,slot的处理过程！

风之化身呀·2020-04-03 22:02

一起学习vue源码 - Vue2.x的生命周期(初始化阶段)

作者：小土豆biubiubiu博客园：https://www.cnblogs.com/HouJiao/掘金：https://juejin.im/user/58c61b4361ff4b005d9e894d简书：https://www.jianshu.com/u/cb1c3884e6d5微信公众号：土豆妈的碎碎念（扫码关注，一起吸猫，一起听故事，一起学习前端技术）欢迎大家扫描微信二维码进入群聊讨论(若

小土豆biubiubiu·2020-03-31 17:00

vue-amap使用案例——高德地图多组可切换点坐标

vue-amap|基于Vue2.x与高德的地图组件//参加比赛的时的一个需求，当时时间比较紧，代码很烂，慎看效果图创建一个基于webpack模板的新项目安装vue-ampnpminstallvue-amap

811c622a1598·2020-03-30 01:49

不使用 vue-cli 与 vue 模版，使用 Vue2.x + webpack4.x 从零开始一步步搭建项目框架

说明这是我根据慕课网上的一个课程Vue+Webpack打造todo应用过程一步步搭下来的框架，去掉了业务相关的逻辑。项目最终的效果包括了引入vue框架；使用CSS预处理器；使用babel；引用图片等静态资源；区分开发环境与生成环境，并做相应优化等。基本接近真正做项目时候的配置。但是！！毕竟是我个人根据练习课程搭的框架，跟真实工作可能有区别，请谨慎直接用于工作环境！！！项目的最终成果看这里：http

Dandelion_drq·2020-03-28 20:34

凃老师·2020-03-28 12:00

推荐频道

VUE2.x