vue2.x 第25页

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

vue与服务端通信—vue-resource

ps：说明下，从vue2.x开始尤大大推荐使用axios进行数据交互，关于axios后续将继续和大家一起学习。今天我们就一起学习一下vue-resource。

datura_lj·2020-03-28 04:19

Vue源码分析(5)--观察者收集、组件渲染挂载过程

前言本文是vue2.x源码分析的第五篇，主要讲解vue实例的观察者收集、组件渲染挂载以及页面更新过程！先看调用形式vm.$mount(vm.

风之化身呀·2020-03-28 00:58

Vue2.x的虚拟DOM diff原理

1.什么是虚拟dom？（1）什么是虚拟DOM？vdom可以看作是一个使用javascript模拟了DOM结构的树形结构，这个树结构包含整个DOM结构的信息：item1item2上面的DOM结构，不论是标签名称还是标签的属性或标签的子集，都会对应在下面的树结构(其实就是一个对象)里{tag:'ul',attrs:{id:'list'},children:[{tag:'li',attrs:{class

echozzh·2020-03-27 07:38

Vue2.x全局路由钩子使用

Vue2.x全局路由钩子使用router.js文件直接在main.js中直接引用就可以importVuefrom'vue'importVueRouterfrom'vue-router'importNotFoundfrom

YLPeach·2020-03-24 03:31

vue-cli+webpack+elementui 学习笔记（一）

技术上基本没啥进展，除了接手一个ionic+angular的前端项目，啥新东西也没学，Vue2.X都出了，自己还没啥也没用到过，实属不该。这阵子在考虑以后的路，可能会换工作，还是得学习点新东西才行了。

小小的大雄·2020-03-20 11:23

在Vue.js中使用TypeScript的方法

虽然vue2.x对TypeScript的支持还不是非常完善，但是从今年即将到来的3.0版本在GitHub上的仓库vue-next看，为TS提供更好的官方支持应该也会是一个重要特性，那么，在迎接3.0之前

raptazure·2020-03-19 00:00

Vue2.x 响应式部分源码阅读记录

之前也用了一段时间Vue，对其用法也较为熟练了，但是对各种用法和各种api使用都是只知其然而不知其所以然。最近利用空闲时间尝试的去看看Vue的源码，以便更了解其具体原理实现，跟着学习学习。Proxy对data代理传的data进去的为什么可以用this.xxx访问，而不需要this.data.xxx呢?//vue\src\core\instance\state.jsconstsharedProper

就叫白云苍狗·2020-03-16 13:35

Vue源码分析(10)--实例分析computed和watch

前言本文是vue2.x源码分析的第十篇，主要看computed和watch的处理过程！

风之化身呀·2020-03-13 17:04

Vue2.X 之生命周期和钩子函数的一些理解

首先，每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉：Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。每一个组件或者实例都会经历一个完整的生命周期，总

小丶侯·2020-03-12 08:54

到了Vue2.x有哪些变化？—— 组件通信

一、父子组件传递数据默认情况下父子组件的数据是不共享地推荐一个Vue辅助工具——vue-devtool下载ps：具体查看请参照vue-devtools安装1.子组件获取父组件数据（儿子获取父亲数据）通过选项对象中的props，也就是下面的数据传输过程：知识点（关于props）：//方式一：用数组的方式props:['m','myMsg']//方式二：用json的形式，也就是给数据定义一个数据类型p

datura_lj·2020-03-10 05:28

vue-router的实现功能方式

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

往复随安_cc75·2020-03-05 23:13

vue2.x学习笔记

这学vue也有好几天了吧，还是一脸懵逼啊！也不知道爬了多少坑，对于api里面的内容，也是看着忘着，这烂记性真是烂的不要不要的，所以我决定用来记录我学习的笔记，也fork了好多github上的项目，无奈还是看不懂啊，继续啃文档吧。对于资质平平的我，只能以最笨的方法来学习了，谁能拯救我这个榆木脑袋啊，啊啊啊啊。。。。。插入一些sublime的快捷键ctrl+x是删除当前行，Ctrl+L选中整行，继续操

笨笨的小蜗牛_用生命奔跑·2020-03-02 04:48

vue2.x入坑总结—回顾对比angularJS/React

从感性的角度讲，我是不屑于用VUE，觉得react套件用起来更顺手，但是vue现在越来火，所以也不得入vue(杂烩汤)的坑。vue/anguarJS/React，三者对关系现在就是：https://www.zhoulujun.cn/uploadfile/images/2018/0626/20180626214906428779269.jpg自己ps了下，觉得深有道理，骚年们自己体悟，然后再问军哥^

zhoulujun·2020-03-02 01:19

vue2.x 组件化与验证插件的编写

学习了一年多的vue感觉vue还真是个强大的组件化框架.作为一个前端开发工作者，在开当中预到不少问题。也看到不少开发者写的vue代码，每个人写的代码都有些不同。很多人对组件化理解得不是很深，写的代码很多重复的代码却没抽出来，做成一个独立的组件。我先说说我遇到的情况：很多人做表单的时候，一个页面一个组件，下面写很多原生input。比如：image.png像这样一个页面很多人都会直接一个路原生表单走到

itvwork·2020-02-29 23:44

Vue源码分析(7)--实例分析v-if

前言本文是vue2.x源码分析的第七篇，主要看v-if的处理过程！

风之化身呀·2020-02-23 08:00

Vue源码分析(9)--实例分析响应式设计

前言本文是vue2.x源码分析的第九篇，主要看响应式设计的处理过程！

风之化身呀·2020-02-22 19:30

【深入vue】为什么Vue3.0不再使用defineProperty实现数据监听？

分析vue2.x中对数组Observe部分源码3.对比Object.defineProperty和Proxy一无法监控到

ivyzhang·2020-02-22 04:15

三十分钟学会使用VUE搭建单页应用(SPA) 上

今天我们将学习如何用VUE构建一个简单的单页应用(SPA)如果没有其他特殊声明，此教程中的VUE全部指的是VUE2.X版本预览让我们先看看最终的的单页程序是什么样子的成果阅读本教程之前希望你能有如下的基础知识

Taylor111·2020-02-17 17:00

Vue源码分析(4)--实例的初始化过程

前言本文是vue2.x源码分析的第四篇，主要讲解vue实例的初始化过程init*系列！

风之化身呀·2020-02-16 22:39

vue props 单项数据流实例分享

但是如果在子组件中直接使用并修改这个值会报错；因为父级的更新会传递给子组件，但是反过来则不行；这种情况下，可以使用computed或watch来获取props中的值以上实例不难，下面由脚本之家小编整理的补充内容：Vue2

shysun·2020-02-16 15:54

39元让你月薪过万

今天开始我准备制作一个基于Vue2.x、Nodejs、MongoDB的全栈商城项目课程。这个项目是前后端分离的可上线项目。

钱塘风华·2020-02-15 07:15

vue2.0在没有dev-server.js下的本地数据配置

问题描述：在vue2.0的以上的版本，vue-cli的build的文件夹下没有dev-server.js文件，那怎么配置mock数据Vue2.x在build下的webpack.dev.conf.js配置就行

一切都以大橘为重·2020-02-10 20:03

vue2.x中使用计算属性巧妙的实现多选框的“全选”

接下来我会以一个购物车的例子，来演示如果借助计算属性，精巧的实现多选框的全选功能。当然，有全选，自然对应的也还有取消全选。以下这张gif图，就是最终的实现效果：第一步，针对购物车每一个商品进行设置根据上图可以发现，购物车中的每一件商品都有一个选择框，而这个选择框则是需要用一个布尔字段，通过v-model绑定进去，监听该条购物车记录的选中状态。首先，沟通后端，为前端预留一个select属性该属性默认

吕小不·2020-01-27 15:00

推荐频道

vue2.x