VUE2.x

Vue2.x Vue3.0 dom diff 算法源码分析+动图展示

dom-diff概述比较只会在同层级进行,不会跨层级比较Vue2.xdiff算法1.vue2.xdom-diff算法核心源码functionupdateChildren(parentElm,oldCh,newCh,insertedVnodeQueue,removeOnly){varoldStartIdx=0;//旧节点开始indexvarnewStartIdx=0;//新节点开始indexvaro
CO2爱前端·2020-10-09 12:44

vue3.0学习第一天(vue3.0的亮点)

1.vue3.0六大亮点-Performance:性能比vue2.x快1.2~2倍-Treeshakingsupport:按需编译，体积比vue20x更小-compostionAPI:组合API-BetterTypeScriptsupport
smart__yang·2020-10-06 16:50

vue2与vue3的区别

相比于vue2.x，使用proxy的优势如下defineProperty只能监听某个属性，不能对全对象监听可以省去forin、闭包等内容来提升效率（直接绑定整个对象
星空之火@田兴·2020-09-25 17:28

vue 2 迁移到 vue 3 细节总结

与vue2.x比较，将vue3.0中的改动分类为3种：new：新增部分；breaking:具有破坏性的部分。对vue2.x中的对应功能的语法、语义等做出了调整；removed：从Vue3.0中删除，不
来打小怪啊·2020-09-24 14:14

vue3.0不同于vue2.x的一些地方

vue3.0不同于vue2.x的一些地方1.Composition-Apivue2.x使用的是OptionsAPIsvue3.0仍然支持vue2.x的那种选项API(OptionsAPIs)的方式vue2
FreeSky吴·2020-09-24 12:47

Vue3为什么这么快

据说Vue3.0相比Vue2.x在性能上提升了1.2~2倍，为啥他就这么快呢？
·2020-09-23 11:53

Vue2.x源码学习笔记-Vue构造函数

我们知道使用vue.js开发应用时，都是newVue({}/*options*/)那Vue构造函数上有哪些静态属性和方法呢？其原型上又有哪些方法呢?一般我都会在浏览器中输入Vue来lookseesee可以看到Vue构造函数上挂载了这么多属性和方法，so这么nb。可以看到有很多的全局的api，以及实例的方法(其实就是Vue.prototype上的方法)。那么问题来了，尤大是如何把这么多方法和属性挂载
weixin_30323631·2020-09-17 09:45

Vue2.x之使用vue-video-player时Uncaught TypeError: Cannot read property 'EventTarget' of undefined

###好多人问，可以看这里：import‘videojs-contrib-hls’;//require(‘videojs-contrib-hls/dist/videojs-contrib-hls’);importVideoPlayerfrom'vue-video-player'require('video.js/dist/video-js.css');require('vue-video-play
Quincy379·2020-09-17 05:51

vue2.X版本中filters访问methods中的方法

问题我们经常会用到过滤器filter，用于在处理变量的后操作。过滤器可以用在methods中，有两种思路可以实现，一个是采用全局过滤器，以官方文档中的代码为例：Vue.filter('capitalize',function(value){if(!value)return''value=value.toString()returnvalue.charAt(0).toUpperCase()+valu
fredricen·2020-09-16 22:45

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

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

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

1.声明一个空的Vue模块eventBusimportVuefrom'vue'/***定义空的vue实例，作为eventbus实现非父子组件之间的通信(vue2.x中去掉了broadcast)*/vareventBus
不吃糖_·2020-09-16 12:57

JS面试之对象(2)

前言一篇彻底搞懂对象,从此不用担心没对象啦;本文从对象定义方法,对象属性,Symbol数据类型,遍历几种方法,对象拷贝,vue2.x和vue3.x拦截对象属性方法及代码实现几个方面由浅入深介绍对象1.对象的声明方法
weixin_34204722·2020-09-16 10:47

微信内置分享，基于vue2.x

这次做微信分享，被文档坑死了，说是分享的即将废弃了，但新的又不能用，用旧的，还要带新的api名字。唉需求：点分享按钮，弹出点击右上角分享弹框，然后选择分享出去（朋友朋友圈、qq、qq空间）分享当前页和别的页面分享页面很多，有些是统一的文案，有些是动态文案，比如商品详情，还有些页面要隐藏右上角分享分析：按照需求，我们想要给很多个页面分享，就得全局写，封装方法，到时候直接调用即可；封装的方法动态的是每
行走的鱼儿·2020-09-16 03:56

Vue 开发必须知道的 36 个技巧

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

Vue2.x axios发送post请求

Vue2.xaxios发送post请求安装axios配置main.jsvue文件内script代码演示图安装axios$npminstallaxios//使用淘宝源$cnpminstallaxios//或者使用cdn：一般不使用scriptsrc=“https://unpkg.com/axios/dist/axios.min.js”配置main.js以下代码为之前开发的项目中的配置代码可供参考//
千世丶希·2020-09-15 20:37

首字母大写的几个小技巧

首字母大写js方法//方法1(Vue2.x版本中使用过该方法)functioncapitalize(str){returnstr.charAt(0).toUpperCase()+str.slice(1)
小方块的世界·2020-09-15 18:45

render: h => h(App)的含义

这条语句是Vue2.x新增的语句，如果在Vue1.x下，就应该这样写importAppfrom'.
Mister.L·2020-09-15 15:10

vue2.x 使用JSX 开发

文章参考http://www.cnblogs.com/bhaltair/p/6648946.html工作中，使用了iview中的table做开发，发现很多复杂的td内容需要使用createElement函数(虚拟DOM)实现，开发的过程中非常的繁琐，而且需要对createElement方法的API非常的熟悉，为了减轻同事的开发工作量，想到了使用JSX语法来实现！搭建环境：1、安装相关的babel插
胖鹅68·2020-09-15 10:24

Vue2.x 入门安装并创建第一个项目+安装常用依赖（Windows系统）

在Node.js官网下载Node.js并安装（自带npm模块）运行电脑cmd命令窗口，输入node-v以及npm-v查看是否安装成功如果安装成功，输入npminstallvue-g（全局目录下安装）输入npminstallvue-cli-g（全局安装vue脚手架，用来快速搭建vue项目）cd命令进入自己要创建项目的目录中输入vueinitwebpack项目名称，按照提示依次输入“项目名称”，“项目
法儒至尊·2020-09-15 09:11

vue2.x工程目录简介

工程目录简介上一篇文章写了如何利用vue-cli3.0脚手架快速的搭建一个基于vue2.x的工程这一篇文章就简单介绍一下工程目录结构。
weixin_33881753·2020-09-15 08:59

vue2.x 项目搭建

环境搭建a)下载node.jshttp://nodejs.cn/download/安装完成后添加到坏境变量b)全局安装vue-clinpminstall-gvue-cli(输入vue-V输出版本号则为安装成功)新建项目a)进入你需要新建项目的目录输入：vueinitwebpacktest（一直回车即可）结束后会生成一个test的文件夹vue的项目则在此目录下如图：b)运行项目在test目录下输入:
厌笔不萧生·2020-09-15 08:33

vue 2.x项目创建

基于vue2.x创建vue项目1.cnpminstall-g@vue/cli-initcnpminstallwebpack-dev-server-g2.vueinitwebpackmy-project3
weixin_44570241·2020-09-15 07:12

基于vue2.x实现单选框与复选框组件

基于vue2.x实现单选框与复选框组件w-single-input(单选框)w-checkbox（多选框）不是很会录屏，就放几组演示照片吧话不多说，我们现在就开始实现这两个组件，首先你得搭好一个架子，架子具体实现请参考
Eden-one·2020-09-13 21:21

vue2升级vue3.x

无需要装卸vue2.x:npmuninstall-gvue-cli可以直接升级npminstall-g@vue/cli
sir.山·2020-09-13 08:39

Vue面试题

2、简单说一下Vue2.x响应式数据原理3、你知道Vue3.x响应式数据原理吗？4、vue2.x中如何监测数组变化5、nextTick知道吗，实现原理是什么？
super-CodeCake·2020-09-12 22:16

Vue项目的商品放大镜

01.介绍插件（vue-piczoom）基于vue2.x的电商图片放大镜插件02.使用方法//首先使用npm下载npminstallvue-piczoom--save//具体使用方法//组件默认是100%
yshusencsdn·2020-09-11 12:07

Vue源码剖析(一)：抽离AST抽象语法树

Vue源码剖析，针对Vue2.x的Vue框架源码，描述相应的核心实现并简单实现具体的流程今天说的是如何将编写的模板语法，抽离成框架处理的AST语法树Vue是一个面向视图层的渐进式前端框架，它推荐用户使用不同的状态控制页面元素
一树梨花·2020-09-11 10:11

C-Swipe Mobile 一个简单的轮播组件

因此自己写了一个针对于Vue2.x的轻型轮播组件。
anbei9541·2020-09-11 08:37

如何用 Typescript 写一个完整的 Vue 应用程序

译者推荐：Typescript和Vue都是现在前端必备的知识，本文基本覆盖了目前Vue2.x的一些基础用法的Typescript版本实现，感兴趣的了解一下，更好的迎接Vue3.0译者根据文章中提到的知识点
弹琴弹琴·2020-09-11 07:05

个人博客项目day4

因为tm后端是8080而前端不是啊md)所以我们要修改config目录下面的index.js文件,但是我们下载现在木有这个文件目录.怎么整…百度了以下原来是vue3.x版本没有config目录但是我的是vue2
wildg00se·2020-09-10 21:18

基于vue2.x实现文件上传（w-upload）组件

在线演示地址w-upload在这一系列的博客里，有一些其他的组件实现过程，有兴趣的童鞋可以了解一下，今天我们来介绍一下w-upload文件上传组件的实现原理。实现思路刚开始写这个的时候我自己也感觉很懵逼，感觉这个原生上传文件的样式咋改，很烦，最后在github上大佬们的实现过程，顿时就感觉这个东西真的很假，就只是让样式变得好看而已，不多说了。来说一下这个的实现过程。其实原生的上传文件的表单是这样的
Eden-one·2020-09-10 11:57

vue自定义全局设置

vue2.x中在static下新建一个serverConfig.js,vue3中在public下新建一个serverConfig.jsconstwin=window||globalwin.apiConfig
LLL_LH·2020-09-10 11:11

[译]React 17终于发布RC版本了 官方竟说17是个过渡版！

不过相比于Vue3对Vue2.x能力的巨大提升，React17对React16.x好像并没有什么很给力的更新。
手撕红黑树·2020-09-10 09:46

Vue 3.0新特性学习

vue3-app更好的阅读体验请点击：advanced-front-endv-model指令//vue2.x//vue3.xv-model指令在vue2.x和vue3.0存在一些差别2.x中v-model
兰亭古墨·2020-09-05 14:54

Vue2.x Vue3.0 dom diff 算法源码分析+动图展示

dom-diff概述比较只会在同层级进行,不会跨层级比较Vue2.xdiff算法1.vue2.xdom-diff算法核心源码functionupdateChildren(parentElm,oldCh,newCh,insertedVnodeQueue,removeOnly){varoldStartIdx=0;//旧节点开始indexvarnewStartIdx=0;//新节点开始indexvaro
CO2爱前端·2020-08-26 23:02

Vue2.x生命周期笔记

Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。beforeCreate：newVue()也就是实例创建后，初始化data里的所有数据，初始化event、watch等事件！之前！调用。源码内部分析：这个阶段主要是完成vue中关于生成周期以及事件的一些初始化工作。created：初始化data里的所有数据，初
Axis冬小冬·2020-08-26 16:08

视频教程-Vue2.x经典后台管理系统案例讲解-Vue

Vue2.x经典后台管理系统案例讲解周古之，计算机专业毕业，十余年软件开发从业经验，先后从事过TCL自动化脚本开发，PHP开发，jQuery前端开发等业务。
学院导师-周新·2020-08-25 16:37

Vue2.x经典后台管理系统案例讲解-周新-专题视频课程

Vue2.x经典后台管理系统案例讲解—418人已学习课程介绍【超实用课程内容】通过对一个经典后台管理页面的创建和增删查改内容的讲解，把vuejs框架的关键知识点都穿插讲到。
周古之·2020-08-25 16:23

Vue2.x父组件与子组件之间的双向绑定

最近在研究如何写一套基于Vue2.x的UI组件给自己用，提升一点BIG，在制作含有input的组件遇到一个问题：不知怎样才能把子组件中input与调用者（父组件）的数据实现双向绑定，想过使用Vuex，但观摩了一下其他优秀的
抹茶摩卡·2020-08-25 15:01

学习笔记(01):Vue2.x经典后台管理系统案例讲解-vue前端总结回顾与学习拓展

立即学习:https://edu.csdn.net/course/play/26277/327057?utm_source=blogtoedu
Tracce·2020-08-25 15:10

vue 中英文切换

vue2.X版本中在build/webpack.config.js文件中在属性pulgins中设置如下属性：plugins:[newwebpack.NormalModuleReplacementPlugin
menglixiazhiweizhi·2020-08-25 14:17

Vue.js 源码剖析-模板编译

Vue.js源码剖析-模板编译Vue模板编译为什么需要模板编译Vue2.x使用VNode描述视图以及各种交互，用户自己编写VNode比较复杂模板编译的目的将模板(template)字符串转换为渲染函数(
白驹过隙时光荏苒·2020-08-25 11:24

Vue2.x源码调试

1.下载源码https://github.com/vuejs/vue2.安装npm包npmi3.安装rollup打包工具npmirollup-g4.修改packagedev命令，添加sourcemap5.npmrundev，dis目录会生成vue.js文件6.源码中有一些调试的例子，将vue.min.js文件修改成vue.js，然后再浏览器打开，看见src目录及配置成功7.断点调试
失岸·2020-08-25 04:48

Vue父子组件之间的通信方式

在Vue2.X中，父子组件之间有两点非常重要的通信原则：父子组件是单向数据流，父组件的状态更新，子组件中prop的状态也会更新，但是子组件的状态变化不会影响父组件。
写代码的闫老师·2020-08-24 23:14

VUE2.X全教程（三）--组件精讲

主要内容1.解决vue组件渲染的bug2.组件引用3.父子组件间的值传递4.组件的参数校验及非props特性5.给父组件绑定原生事件6.组件间的数据传递处理7插槽的使用8.作用域插槽9.动态组件及v-one指令Vue组件引发的bug及解决方案：Vue.component("row",{template:"thisisarow"})varvm=newVue({el:'#app'});当我们使用这种方
无~痕·2020-08-24 19:53

vue-hash-calendar，移动端日期时间选择插件

按照惯例，先上效果图vue-hash-calendar基于vue2.X开发的日历组件支持手势滑动操作·1原生js开发，没引入第三方库上下滑动切换周/月模式【周模式中】左右滑动可切换上一周/下一周【月模式中
HashTang·2020-08-24 16:45

Vue 中的 Render 全面详解 (渲染函数 & JSX)

@[toc]一、Render的资料简介Render函数是Vue2.x新增的一个函数、主要用来提升节点的性能，它是基于JavaScript计算。
ZHero·2020-08-24 16:51

Vue 2.x 使用CKEditor 的入坑

Vue2.x使用CKEditor的入坑到放弃最近在构思自己的博客，后台编辑文章的时候想用富文本编辑器，看了几个比较火的富文本编辑器，最后选择了CKEditor，一个老牌编辑器厂商，ck5看这很不错，但是在使用过程中遇到了写问题
LaughingZhu·2020-08-24 14:41

在vue2.x项目使用flexible.js和sass

1.首先创建一个vue项目：vueinitwebpackmyproject2.安装完成后进入项目cdmyprojectnpminstall3.使用flexible.js适配安装lib-flexible：npminstalllib-flexible--save在main.js里引入：import'lib-flexible/flexible'4.将px自动转为rem安装postcss-px2rem：n
Peggy7·2020-08-24 14:11

hexo+css遇到的unexpected token问题

问题背景使用hexo+css模拟实现weex文档，页面Weex和Vue2.x的语法差异遇到问题。
stardew·2020-08-24 13:41
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他