VUE2.x

用vue2.x注册一个全局的弹窗alert组件、confirm组件

一、在实际的开发当中，弹窗是少不了的，默认系统的弹窗样式太丑，难以满足项目的实际需求，所以需要自己定义弹窗组件，把弹窗组价定义为全局的，这样减少每次使用的时候引入麻烦，节省开发时间。本文将分享如何定义一个全局的弹窗组件。下边开始上代码。二、实际代码如下：1.在components目录下的public目录新建一个文件夹alert，然后新建两个文件alert.vue和alert.scss。组件的样式代
dazu9487·2020-08-05 13:43

vue 组件生命周期执行顺序

先上一张Vue2.X官方文档中组件生命周期的图示：从上图能很清楚的看出单个组件的生命周期：挂载：beforeCreate=>created=>beforeMount=>mounted更新：beforeUpdate
w799766·2020-08-05 02:25

Vue.js 学习笔记（八）

ajax请求官方的ajax依赖是axios还有一个忘了是什么，在vue2.x之后用的不多npm安装命令：npminstall--saveaxios安装好之后就可以使用了axios有两个方法用于请求数据：
lxr_wxp·2020-08-04 21:44

springboot2.x + shiro + vue2.X前后端分离跨域问题解决

springboot2.x+shiro+vue2.X前后端分离跨域问题解决现在各个企业比较推崇前后端分离开发的模式，后端用springboot比较多前端一般用三大框架react、vue、angularjs。但是很多小伙伴再做前后端分离的时候都会碰到跨域的问题，今天我对前一段时间做的一个前后端分离项目遇到的跨域问题做下总结，希望能帮助到遇到类似问题的小伙伴，今天向大神们学习谢谢博客，不喜勿喷。喜欢的
风随心飞飞·2020-08-04 19:44

顺藤摸瓜：用单元测试读懂 vue3 中的 provide/inject

比如Vue2.x文档中对此的描述是：这对选项需要一起使用，以允许一个祖先组件向其所
tonylua·2020-08-04 01:22

解析vue2.x源码之vue实例方法与全局API

基本概念介绍：vue实例方法：vm.$set、vm.$del、vm.$nextTick等，挂在Vue.prototype上的方法。全局API：Vue.directive、Vue.filter、Vue.component等，挂在Vue构造函数上的方法。本章从源码角度分析，Vue.js是如何实现这些功能的一、Vue实例方法的实现：Vue构造函数源码：import{initMixin}from'./in
前端小白 - GavinWu·2020-08-03 22:00

Vue笔记(十二) vue-ajax

vue项目中常用ajax库vue-resourcevue插件非官方库vue1.x使用广泛axios通用的ajax请求库官方推荐vue2.x使用广泛vue-resource的使用在线文档https://github.com
钦拆大仁·2020-08-03 22:55

基于vue2.x实现loading bar（加载进度条）组件

在线演示地址LoadingBar在这之前，我更新了有关一个单选框与复选框的组件实现，有兴趣的小伙伴也可以了解一下，今天我们来介绍一下loadingbar组件的实现原理。实现思路整个组件ui部分有两部分组成，分别为顶部条形记载进度条，和spinner加载圈组成，整个部分包含在一个大的div里，并且通过fixed进行布局，然后我们通过定时器控制其增长，如果未结束，进度条会一直停留在最后的位置，等待en
Eden-one·2020-08-03 13:49

Vue总结2020.7.31

前言：基于vue2.X写一份知识总结，可以说是学习笔记目录一、vue实例的基本结构二、vue事件处理、绑定属性三、vue指令、自定义指令四、vue过滤器五、vue数据监听六、vue组件七、vue-router
那谁呀撒·2020-08-03 10:26

vue2.X 工程webpack-dev-server后打开浏览器问题

vue2.X工程webpack-dev-server后打开浏览器问题1、自动打开默认浏览器根目录下，config文件夹/index.js文件中，修改dev对象下的autoOpenBrowser：false
小湾生产队队长·2020-08-03 00:04

Vue入门学习笔记2 Vue内部指令整理

上一篇的链接：vue.js入门学习笔记一参考学习视频链接：Vue2.x从入门到实战1、Vue内部指令概览指令描述v-if条件渲染，就像平常写的if语句一样的道理v-else必须与v-if搭配使用，如同普通的
会左勾拳的螳螂·2020-08-02 16:54

初学Vue（个人学习笔记）

后面的“P4”形式的是跟b站技术胖的Vue2.x基础免费视频。目前同时在看《Vue.js快跑》，如果有需要记录的点，会加以补充。好像这么弄有些乱，会花些时间重新整理一下的。
和樱·2020-08-02 14:06

Vue的2.x的安装与3.x的安装，原来如此简单

快速配置Vue环境在安装vue前首先要有准备工作，要安装node及npm（自带的）【Node.js官方安装包及源码下载地址：http://nodejs.org/download/】安装Vue：vue2.
Sawyerswt·2020-08-01 14:13

vue2.x 下载后台传过来的流文件（excel）后乱码问题（转载）

找了这个问题找了好久终于找到可行的办法转载一下原文链接点击打开链接1.接口返回的流和头部：2.下载流文件的代码方法一：是用了插件https://github.com/kennethjiang/js-file-download方法二：是用了blob不管哪种方法，记得设置responseType！！！！！附上代码：//导出订单exportBill:function(){leturl_post=Vue.
若茶先森·2020-08-01 09:21

Vue 页面缓存, 项目遇到的,圆满解决

Vue-navigation需要vue2.x与vue-router2.x。
fanfange·2020-08-01 05:30

vue this.$router.go(-1); 或者 this.$router.back() 返回时怎么带参数

1、声明一个空的Vue模块goBackEntityimportVuefrom'vue'/***定义空的vue实例，作为goBackEntity实现非父子组件之间的通信(vue2.x中去掉了broadcast
System.out.print·2020-08-01 05:25

vue 项目打包本地访问--history模式入坑

问题重现：vue2.x版本router去掉url中#，即history模式，打包后,http-sever启动服务访问不出页面？
weixin_37347069·2020-08-01 05:23

【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
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他