VUE2.x

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

逐行分析snabbdom.js源码

目前，社区有很多不同的diff算法开源项目，而最为出名的就是snabbdom.js，Vue2.x则全面整合了snabbdom。前面几节笔记可以总结为数据初始化，现在该是将数据渲染到DOM
赵一鸣的笔记本·2020-01-16 10:30

在用vue-cli4创建的vue2.x项目中通过vue-fontawesome使用fontawesome5

前言本文写于2020年1月11日，仅提供最基本的引用方法，参考fontawesome5英文官方文档和vue-fontawesome英文官方文档。正文在vue项目中使用fontawesome5图标，不需要引入fontawesome组件，直接引入vue-fontawesome和相关组件就可以了。第1步：npminstall在vue项目目录中执行下面的安装命令：npmi--save@fortawesom
豌豆爸爸Aaron·2020-01-11 15:00

在用vue-cli4创建的vue2.x项目中通过vue-fontawesome使用fontawesome5

前言本文写于2020年1月11日，仅提供最基本的引用方法，参考fontawesome5英文官方文档和vue-fontawesome英文官方文档。正文在vue项目中使用fontawesome5图标，不需要引入fontawesome组件，直接引入vue-fontawesome和相关组件就可以了。第1步：npminstall在vue项目目录中执行下面的安装命令：npmi--save@fortawesom
豌豆爸爸·2020-01-11 15:00

vue2.x————生命周期与钩子函数

vue2.x————生命周期与钩子函数前言现在已经越来越多的人开始使用vue了，vuex+vue-router+axios进行开发成为了趋势，很多人能够快速的进行开发以及和后端做数据的交互，但是对于所谓的生命周期就不知道是什么东西了
兲坈·2020-01-05 22:32

GankIO(Android客户端)Weex版本

GankIO(Android客户端)Weex版本概述前一段使用.we的方式做了一个项目，一直没有升级到Vue，感觉升级的过程中的坑会有很多暂没有升级自己就先写一个Demo测试一下，看看使用Vue2.x开发
CoderMiner·2020-01-05 17:40

vue2.x 父子组件间的各种通信方法

父子组件（或者更深层）和兄弟组件间的通信是vuejs开发中非常重要的一部分，下面列举一些通信的方法。父传子通过props传递这种做法是最常见也是最通用的做法，优点就是简单，数据流单向、清晰；但是如果遇到深层次传递就很难受了，会造成维护上的困难。importchildOnefrom'./childOne'exportdefault{name:'parent',components:{childOne
我是你班主任·2020-01-05 07:19

Vue--axios

还有一个是axios，在vue2.x中，官方强烈推荐的第三方ajax请求库。vue-resource参考文档：https://github.c
邹邹很busy。·2020-01-04 21:00

web前端架构

技术选型整体框架：vue2.x为什么选择Vue开发具有热更新功能，代码变更保存即可看到效果，对提高调试与开发的效率有很大帮助。社区资源丰富，大部分的问题均可查找得到合理的解决方案。语法简洁。
本大少_·2020-01-04 09:10

Vue源码分析(8)--实例分析v-*指令

前言本文是vue2.x源码分析的第八篇，主要看v-*指令的处理过程！
风之化身呀·2020-01-04 01:08

Vue源码分析(2)--从一个实例开始

前言本文是vue2.x源码分析的第二篇，主要讲解Vue初始化过程！
风之化身呀·2020-01-02 01:20

Vue2.x学习笔记（二）

目录一、axios的使用1.基本使用2.axios请求配置3.axios拦截器二、vue-router路由的使用1.vue-router实现原理的简单实现2.vue-router的基本使用3.命名路由4.路由参数5.嵌套路由6.keep-alive在路由中的使用7.在路由中通过meta进行权限控制8.vue-router导航完成之后异步获取数据9.vue-router导航守卫之在导航完成前获取数据
白又白了个白·2020-01-01 19:00

Vue2.x学习笔记（一）

目录一、组件间通信1.使用props和$emit进行父子组件通信2.使用$attrs和$listeners进行多层组件间通信3.使用中央事件总线bus进行组件间通信4.使用$parent和$children实现父子组件之间的通信5.使用provide和inject实现父组件向子组件的单向通信二、过滤器1.局部过滤器2.全局过滤器3.过滤器中还可以传入参数三、插槽四、watch监听五、计算属性六、生
白又白了个白·2020-01-01 19:00

vue 样式穿透

>>>vue2.x此方法无效>>>input.el-input__inner:disabled{background-color:#fff;color
常青1890·2020-01-01 11:20

基于VUE2.x和Node.js的完整开源博客解决方案--ZOE Blog

ZOEBlog好久没写iOS的文章了，但这次来点不一样的，利用下班等业余时间撸了一个完整的开源博客解决方案，后端使用的是Mysql存储数据，服务器开发使用Node.js的Koa2框架，前端使用Vue2.
黑暗中的孤影·2019-12-31 20:40

Vue.js 实用小技巧

1.v-html+filters实现换行符正常换行内容按普通HTML插入-不会作为Vue模板进行编译，所以换位符无法正常换行，同时Vue2.x不再支持在v-html中使用过滤器，可以通过$options.filters
阿铁web·2019-12-29 21:29

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

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

Vue.js 教程

阅读本教程前，您需要了解的知识：HTMLCSSJavaScript本教程主要介绍了Vue2.x版本的使用。参考资料：Webpack入门教程：
谁说我是小小云·2019-12-29 04:57

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

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

vue2.x中class和style绑定的实际应用

class和style绑定应该是最常用的属性之一了，两个属性的作用几乎都是围绕着改变样式，本篇文章讨论的是class和style的应用场景和技巧。如果有发现有争议的地方，欢迎指正、讨论或补充（づ￣3￣）づ╭❤～什么时候应该用style绑定？当样式值需要动态计算的时候需要用到:style，比如.div2的高度需要设置为跟高度不固定的.div1相同，这个时候可以配合vue的计算属性computed来编
我是你班主任·2019-12-25 15:38

Vue2.X部分常用配置

1.全局配置css预编译语言，如stylus前提需先安装stylus，1.1npmistylus-loader1.2npmistylus1.3在build/utils.js中更改添加如下（theme.styl为stylus文件，路径请根据实际更改）2.配置px2rem2.1npmipx2rem-loader2.2在build/utils.js中更改添加constpx2remLoader={load
静静前行·2019-12-24 08:49

数据劫持（数据代理）

例如Vue2.x使用的是Object.defineProperty()(Vue在3.x版本之后改用Proxy进行实现)。
zzXiaoFeng·2019-12-23 23:42

vue2.X父子组件传值

一直听朋友说vue组件化简单好用，今天搞了一下组件之间的传值，看了好多教程终于鼓捣出来了，分享一下踩的坑。子传父主要通过events，父传子主要通过props，这里借用一张图片，表达。基于vue-cli子组件向父组件传值子组件定义点击事件setVa点击之后往父组件传“管理员列表”，用this.$emit（要触发的事件，这个可以自定义，要传给父组件的值）这个方法，子组件需要某种事件比如change事
填完一个又一个·2019-12-23 11:44

Vue1.x 迁移 Vue2.x 实战

本篇文章记录了完整的前端Vue1.x项目迁移至Vue2.x的步骤和遇到的问题。并且在迁移的过程也对Vue进行进一步学习。
Tsy远·2019-12-21 00:43

可能是全x最好的vue教程

Vue响应式原理为什么不支持IE8其实是依赖**Object.defineProperty()**，进行数据挟持的，而这个api在IE8下仅仅支持Dom对象不支持原生对象，所以Vue2.x是不支持IE8
本大少_·2019-12-20 18:07

使用vue-cli3（vue脚手架）搭建项目时遇到的问题

vue2.x脚手架创建项目命令是vueinitwebpack'项目名称'vue3.x脚手架创建项目命令是vuecreate'项目名称'(要求：环境要求vuecli要求node版本8或者更高（8.10.0
哦豁啦·2019-12-20 17:00

今日vue2.x组件的动态prop学习总结

我们可以用v-bind动态的把prop动态地绑定到父组件上，每当父组件的数据变化时，该变化也会传递给子组件：js编写，可以在外面注册child组件，也可以用compontents定义一个组件以下实例中将v-bind指令将todo传到每一个重复的组件中：父组件是使用props传递数据给子组件，但如果有子组件要把数据传递回去，就需要使用自定义事件，我们可以使用v-on绑定自定义事件，每个vue实例都实
笨笨的小蜗牛_用生命奔跑·2019-12-18 22:01

Vue 2.x 实战之后台管理系统开发（二）

1.导语承接上文：Vue2.x实战之后台管理系统开发（一）在上一篇文章中，我详细叙述了如何创建项目框架和引入各种后台常用插件，做好这些准备工作后，我们就可以着手进行页面的开发了。
AlessiaLi·2019-12-18 11:36

Vue2.0小白入门教程

视频地址:https://ke.qq.com/course/list/vue2.0%E5%B0%8F%E7%99%BD特别感谢:米斯特吴vue2.x技术交流群:540911224第一到第五节知识点1.使用
銭兎孑·2019-12-17 12:05

weex-06-程序的入口文件app.js

目前Weex与Vue正在展开官方合作，并将Vue2.x作为内置的前端框架，Vue也因此具备了开发原生应用的能力,也就是说我们上层
酷走天涯·2019-12-15 10:05

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

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

<Vue2.x>总结：知识点

一、Vue事件1、为组件绑定原生事件可以通过@click.native的方式来进行绑定示例：vue原生事件绑定-->Vue.component("child",{template:"CHILD",});letvm=newVue({el:"#app",data:{},methods:{childClick:function(){alert("click")},}});二、Vue指令1、v-bind指
玉圣·2019-12-12 14:17

vue2.x axios封装

安装npminstallaxios--save在src目录下新建utils，在utils下新建request.jsaxios1.pngrequest.js代码importaxiosfrom'axios'import_getfrom'lodash.get'importstorefrom'../store'//创建axios实例constservice=axios.create({baseURL:pr
w_小伍·2019-12-07 17:11

解析vue2.x源码之Object与Array的变化侦测

基本概念介绍：Vue框架是如何实现变量的变化侦测的呢？Object利用了Object.defineProperty进行变量的getter与setter拦截，但数组的实现与Object有所不同，下面会从源码层面具体讨论这两种类型的变量如何实现变化侦测。首先我们需要先了解Vue源码中的三个类：一、ObserverObserver类负责将复杂类型的变量转化成响应式数据，转化为响应式数据的变量都会带有'_
前端小白 - GavinWu·2019-12-06 00:11
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他