vue2.x

【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

基于vue的UI框架集锦

适用PC端1、elementUI支持vue2.x，饿了么前端团队打造2、iView支持vue2.x3、VueAntd支持vue1.x，据说不再有人维护4、N3支持vue2.x5、AliTelecomUI
???111·2020-07-30 21:07

前端笔记 - vue2.x计算属性computed初始化

文章前提：已经clone下来vue源码直接进入主题，computed计算属性的初始化位置是在newVue的时候初始化的。查看顺序：1、/src/core/instance/index.js中的initMixin函数执行中2、initMixin函数在/src/core/instance/init.js中，函数有调用initState函数（注意初始化是在created生命周期之前）3、在initSta
weixin_34320159·2020-07-30 21:20

【vue】vue2.x详解大全

不会就问就查询！科技利民，学海无涯2！1、vue.js的安装方式一：直接CDN引入方式二：下载和引入方式三：npm下载2、vue指令{{message}}//值不再改变{{message}}//原样输出{{message}}//结合[v-clock]{display:none;}样式，实现斗篷效果；我会被覆盖v-html='属性名':动态绑定输出内容，能识别解析html标签，覆盖标签文本我会被覆盖
ANKG·2020-07-30 11:57

Vue2.x之全局API

Day2------------全局API什么是全局API：并不在构造器里，而是先声明全局变量或者直接在Vue上定义一些新功能1.自定义指令Vue.directive在构造器外部用Vue提供给我们的API函数来定义新的功能。写个模块功能：最上方显示数字，默认初始值1，实现点击下方add按钮，每点一次数字+1；通过自定义指令绑定数字的style的color值为红色；DocumentVue.direc
Axis冬小冬·2020-07-30 10:58

Vue2.x内部指令

Vue2.x入门教程——Axis大家好！这是我第一次学习Vue.js，学习教材和资料来源于技术胖，很感谢他。此博客作为学习记录，欢迎入门的伙伴一起学习交流。若有偏颇之处，请大佬谅解和指正！
Axis冬小冬·2020-07-30 10:27

记录vue-waterfall-easy的踩坑之路

vue瀑布流布局，考虑到布局之后还有无限滚动加载，所以打算直接找一个插件来完成vue-waterfall首先试的vue-waterfall这个插件，waterfall是一个vue.js瀑布流布局组件，基于vue2
echo忘川·2020-07-30 09:02

Vuex源码阅读理解

$store根据这个mixin.js中的代码逻辑可以知道，在vue2.x的条件下：if(version>=2){  /*通过mixin将vuexInit混淆到Vue实例的
我的小英短·2020-07-30 07:47

bug大集

外卖项目中1.商品列表页中,使用better-scroll实现滚动菜单,,出现报错“Failedtoresolvedirective:el”错误原因：这是因为v-el在vue2.x以后被淘汰。
Guan ri·2020-07-29 12:57

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

axios现在以及是尤大大推荐使用的了,官方不在维护vue-reresource.由于是地第一次使用axios,在使用过程中猜了很大的坑首先我们使用vue-cli创建的项目,访问接口肯定是跨域了,因为我们的本地服务默认的地址一般是localhost:8080我们的服务器端肯定不是这个,所以就形成跨域访问,axios不支持jsonp,所以我们就要使用http-proxy-middleware中间件做
webjiacheng·2020-07-29 06:10

Vue2.x源码——解析器

解析器的作用就是将模板解析成AST。那么什么是AST呢？下面我们先来了解一下AST到底是什么东西：AST（AbstractSyntaxTree，抽象语法树），是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。例子：{{value}}将上面的模板转换成AST后：{type:1,tag:"div",attrsList:[],attrsMap:
白水煮青菜·2020-07-28 23:33

vue各种实例集合

注意：以下所有示例基于vue2.x、Vuex2.x、vm.
weixin_34320724·2020-07-28 19:32

vue2.x学习笔记

1.使用模板template的时候必须要有跟节点，可以支持表达式，但不支持正则，想使用正则就用过滤器。2.数据在显示的时候所带的HTMLDOM直接显示，不会渲染，要渲染DOM，得用v-html。3.使用v-model写单选和多选的时候，多选的数据关键字要用数组。4.加了multiple="multiple"的select标签，关键字自动变成数组.5.v-model修饰符number用来限定用户只能
weixin_30571465·2020-07-28 16:50

Vue2.x 踩坑记录（持续更新）

踩坑少年欢乐多0.0记录下自己开发过程中遇到的坑，避免以后遇到了又一脸懵逼。（之前已经踩过很多坑了，没有及时记录，之后优化代码的时候再看到或者后续开发中遇到坑会更新到文章中。）computed修改data返回的数据出处是黄神的课程，源码是vue1.x，在2.x版本就会有这个问题，但项目还是可以正常跑起来的。修改方法很简单，官方API写的很明白了，给出官方示例：varvm=newVue({data:
sky_math·2020-07-28 11:31

Vue2.x路由守卫（路由钩子）详解

路由守卫vue-router提供的路由守卫主要用来通过跳转或取消的方式守卫路由，比如符合什么条件才可以进入路由，否则取消跳转，或者控制跳转路径，路由跳转成功过后需要做什么操作等等都可以使用路由守卫（路由钩子）实现，常用来做登录验证路由守卫分类全局守卫（全局前置守卫，全局解析守卫，全局后置钩子）路由独享守卫组件守卫全局前置守卫全局的守卫定义在main.js中使用router.beforeEach注册
kksw1121·2020-07-28 09:09

javascript --- > vue2.x中原型的使用(拦截数组方法) && 响应式原理(部分)

说明在Vue2.x中,利用了对原型链的理解,巧妙的利用JavaScript中的原型链,实现了数组的pop、push、shift、unshift、reverse、sort、splice等的拦截.你可能需要的知识参考
栗子好好吃·2020-07-28 04:44

vue2.x plugin vue2-touch

今天小编想和大家分享一下Vue2.x的手势插件--简单来说就是Hammerjs的vue2.xplugin的封装。
山姆极客·2020-07-27 23:36

vue2.x源码解析四——2.Vue的静态方法

//src/core/index.jsVue.version='__VERSION__'//src/entries/web-runtime-with-compiler.jsVue.compile=compileToFunctions//把模板template转换为render函数//src/core/global-api在目录结构中，我们指出，Vue的静态方法大多都是在该文件夹中定义的//src/
南张门·2020-07-27 23:40

vue2.x源码解析四——3.Vue的实例方法

vm._uid//自增的idvm._isVue//标示是vue对象，避免被observevm._renderProxy//Proxy代理对象vm._self//当前vm实例vm.$parent//用于自定义子组件中，指向父组件的实例vm.$root//指向根vm实例vm.$children//当前组件的子组件实例数组vm.$refsvm._watcher=nullvm._inactive=null
南张门·2020-07-27 23:40

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代理处理跨域的问题

axios现在以及是尤大大推荐使用的了,官方不在维护vue-reresource.由于是地第一次使用axios,在使用过程中猜了很大的坑首先我们使用vue-cli创建的项目,访问接口肯定是跨域了,因为我们的本地服务默认的地址一般是localhost:8080我们的服务器端肯定不是这个,所以就形成跨域访问,axios不支持jsonp,所以我们就要使用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
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他