VUE2.x

Atom安装Vue代码高亮插件

目前我是从vue2.x起步开始学习，看了几个帖子入门教程，发现很多都是直入正题说怎么写代码的，很少说用什么编码工具开发好。虽然开发工具并不能影响运行，但是会大大影响码农写代码的积极性。
Faynman·2021-05-11 02:21

vue中常问面试题

一、vue2.x中响应式原理1）原理采用数据劫持+订阅-发布模式的方式，通过Object.defineProperty来劫各个属性的settergetter，数据变化时，发布消息给订阅者，触发响应的回调
赏花赏景赏时光·2021-05-09 23:16

网易云课堂

从零玩转Vue2.x与大项目实战：http://study.163.com/course/courseMain.htm?
9979eb0cd854·2021-05-03 07:54

Vue2.x 中使用vw完成移动端页面适配

下面就介绍一下Vue2.x中使用vw实现移动端页面适配的步骤。代码前提你已经了解vuecli来构建项目。无论使用vuecli2.x还是3.x版本，如果你了解webpack配置，那么过程都是大同
echozzh·2021-05-02 21:33

用VUEJS(2.x)做一个网易云音乐

技术栈vue全家桶（vuevue-routervuex）axiosMuse-UI(一个基于Vue2.x的materialdesign风格UI框架)功能与思路分析我之前学习JS的时候对Html5audio
前端er·2021-04-30 21:23

VUEX基本介绍，包含实战示例及代码（基于Vue2.X）

VUEX1VUEX基本介绍1.1官方APIhttps://vuex.vuejs.org/zh-cn/1.2什么是vuexvuex是一个专为Vue.js应用程序开发的状态管理模式。1.3Vuex使用场景1、Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化;-->集中式存储管理应用的所有组件的状态2、如
无懈可击·2021-04-30 09:51

02_手写Vue2.x课程笔记梳理

概述最近在学习如何实现一个简版的Vue（MVVM）的课程,为了理解课程内容，将相关的学习内容进行梳理记录，便于以后查阅。前置知识MVVMMVVM(Model-View-ViewModel)就是在MVC的基础上把业务处理的逻辑分离到ViewModel层中。MVVM分别指的是M:Model层，表示请求的原始数据VView层，负责视图的展示，由ViewModel层控制VMViewModel层，负责业务处
小人物的秘密花园·2021-04-28 16:56

vue2.x 从vue.config.js配置到项目优化

vue.config.js是一个可选的配置文件，如果项目的(和package.json同级的)根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照JSON的格式来写。前言在实际项目中优化也是经常需要做的事情，特别在中大型项目中降低打包体积大小，提高首屏加载时间是必不可少的，同时在面试中也是一个高
·2021-04-25 16:01

vue2.x 从vue.config.js配置到项目优化

vue.config.js是一个可选的配置文件，如果项目的(和package.json同级的)根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照JSON的格式来写。目录vue.config.js配置选项打包优化，减小包的大小图片视频压缩js代码压缩cdn加速引入CDN添加引入的库注释项目中用到
高素质车间工人·2021-04-23 17:47

Vue中管道的使用

在Vue2.x版本中，filter需要自己定义才能够使用过滤器可以用在两个地方：双花括号插值，如：{{message|capitalize}}v-bind表达式（从2.1.0+版本支持），如：自定义的方式有两种
默写_0c03·2021-04-21 01:34

vue nextTick原理

vuenextTick原理前面谈到了vue2.x的响应式原理，vue.js在视图更新采用的是异步更新策略，我们来看看它是怎么做到的。/**？
唐_银·2021-04-19 02:38

Vue3.0 新特性探索

Vue3官网文档1、Vue3.0新变化Proxy：不只是解决了defineProperty的局限性Performance：性能比Vue2.x快1.2~2倍Treeshakingsupport：可以将无用模块
小蓝_sv·2021-04-19 01:15

vue2与vue3中通过函数方式调用全局组件

框架：vue2.x、vue3ui框架：element-ui、element-plus在开发页面时，经常会遇到类似的需求，某某情况下弹个窗提示，达到引导用户的效果，比如没有权限，提示用户去充钱，比如下面：
超人鸭·2021-04-18 05:33

Vue2.x 项目性能优化之代码优化的实现

因为目前Vue2.x使用了webpack等第三方打包构建工具，并且支持其他第三方的插件，我们在项目中使用这些工具时可能不同的操作在运行或打包效率上会有不同的效果，下面就来详细说明优化的方向。
·2021-04-14 20:11

移动端Vue2.x Picker的全局调用实现

什么是Picker组件对标PC端的Select标签,移动端的选择框一般是在viewPort底部弹出Picker组件存在的问题Picker通常以fixed布局，但是我们在写Picker组件时有遇到过该组件无法在viewport的底部弹出，而是在组件内部弹出，导致样式混淆，不符合C端审美，造成以上问题的原因是因为[层叠上下文]的原因，fixed布局并不是基于viewport为底板，而是当前的层叠上下文
·2021-04-14 20:01

vue2.x与vue3.x语法对比

npminstall-g@vue/cli#ORyarnglobaladd@vue/clivuecreatehello-vue3#selectvue3preset项目变化vue2.x和vue3.x目录结构没有什么变化
抽疯的稻草绳·2021-04-13 03:36

vue 和 react发展史、设计思想及维度

1.2vue2.x在vue1.x中如果项目很大的时候，响应式对象很多的时候就会导致性能很不好，页面卡顿的情况，所以在vue2.x的时候引入了vdom。响应式和vdom进行配合，性能的到了很大的提升。
winne雪·2021-04-11 00:51

Element UI el-upload 二次封装图片上传组件(可预览、可批量，含手动上传)

先说明几点：1.使用Vue2.x。2.这几个例子是比较适合我自己项目场景的方案，主要为了记录下，仅供参考。
AizawaSayo·2021-04-10 22:27

Vue 前端小白了解并运用Vue3 + Vite 及 Vue-cli 4项目搭建

Vue.js3.0给我们带来了那些新特性呢：Performance：性能比vue2.x块1.2～2倍Treeshakingsupport：支持按需编译，体积更小CompositionAPI：组合API，
码民的飘柔·2021-04-08 21:02

vue3.0 使用echarts完成图表展示

3.0使用echarts首先跟vue2.x版本没有太大区别使用npm或者yarn安装echart例：npminstallecharts--save成功后在main.js进行挂载配置vue2.0如下：importEchartsfrom"echarts
·2021-04-06 18:07

vue2.x图片引用报错,打包后页面静态文件引用报错

hash模式组件中img标签中图片引用src="@/assets/images/a.png"history模式图片报错index.html/xxx/img/a.png，图片放在在assets中解决方法：build下的base.conf中的url-loader中的limit(默认是10000byte（字节）10kb以下都进行base64编码将limit的值多加几个0，图片就可以转化为base64,但
海豚先生的博客·2021-04-06 16:16

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个
·2021-03-31 21:16

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个
·2021-03-31 21:16

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个
·2021-03-31 20:42

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个
九旬·2021-03-31 17:00

Vue的一些笔记

Vue的一些笔记Vue是MVVM框架Vue2.x响应式数据原理Vue3.x响应式数据原理Vue2.x中如何监测数组变化nextTick的实现原理Vue的生命周期请求接口放在生命周期的位置v-model的原理
xiaobangsky·2021-03-30 14:34

vue3 之 reactive && toRefs源码解析

一、reactve定义reactiveAPI的定义为传入一个对象返回一个基于原对象的响应式代理，即返回一个proxy，相当于Vue2.x中的Vue.Observer。
·2021-03-28 15:58

vue3 之 reactive && toRefs源码解析

一、reactve定义reactiveAPI的定义为传入一个对象返回一个基于原对象的响应式代理，即返回一个proxy，相当于Vue2.x中的Vue.Observer。
·2021-03-28 14:44

Vue3 登录注册模态框

源码：地址前段时间写下的Vue.extend登录注册模态框是基于Vue2.x中Vue.extend版本来做而这段时间内都是在学习Vue3.0且也完全重构了该项目，记录学习下重构的过程与思考。
·2021-03-23 13:17

Vue3 登录注册模态框

源码：地址前段时间写下的Vue.extend登录注册模态框是基于Vue2.x中Vue.extend版本来做而这段时间内都是在学习Vue3.0且也完全重构了该项目，记录学习下重构的过程与思考。
·2021-03-23 12:57

Vue3 form表单通过ref获取dom的写法

在vue2.x中，可以通过给元素添加ref='xxx'属性，然后在代码中通过this.
·2021-03-17 15:01

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

titlesomecontent渲染函数renderh('div',[h('h1',{on:{click:this.handler}},'title'),h('p','somecontent')])模板编译的作用Vue2
翔子丶·2021-03-15 19:30

必读经典项目，web开发框架renren-fast项目解读

renren-fast是一个轻量级的SpringBoot2.1快速开发平台，其设计目标是开发迅速、学习简单、轻量级、易扩展；使用SpringBoot、Shiro、MyBatis、Redis、Bootstrap、Vue2
·2021-03-13 20:27

记录用qiankun微前端改造 路由hash模式

主应用、微应用都选择的是vue2.x(因为老项目都是vue开发，qiankun可以兼容所有框架)。路由模式都是选择的hash。但是histo
我只是个前端啊·2021-03-12 15:51

vue2.0与vue3.0响应式的区别

Vue2.X响应式：需要遍历对象的每一个属性，调用defineProperty，把属性转换成getter/setter，性能不如Vue3.X无法监听删除操作，例如deletedata.name，只能通过
晓萌的百宝袋·2021-03-11 15:52

Vue方向：Render渲染函数

1、了解Render函数Render函数是Vue2.x新增的一个函数、主要用来提升节点的性能，它是基于JavaScript计算的，使用Render函数将template里面的节点解析成虚拟的DOM。
听书先生·2021-03-11 13:22

Vue3移除的API

移除的API按键修饰符不再支持keycode作为v-on的修饰符不再支持config.keyCodeVue.config.keyCodes={f1:112}$on，$off和$once实例方法被移除在vue2
·2021-03-11 02:44

Vue3移除的API

移除的API按键修饰符不再支持keycode作为v-on的修饰符不再支持config.keyCodeVue.config.keyCodes={f1:112}$on，$off和$once实例方法被移除在vue2
·2021-03-11 02:32

带你入门体验 Vue3

Vue2.x有哪些痛点首先Vue3出现之前，让我们来理理Vue2.x有什么痛点，需要Vue3补上的。Vue2.x对数组对象的深层监听无法实现。因为组件每次渲染
·2021-03-10 09:24

带你入门体验 Vue3

Vue2.x有哪些痛点首先Vue3出现之前，让我们来理理Vue2.x有什么痛点，需要Vue3补上的。Vue2.x对数组对象的深层监听无法实现。因为组件每次渲染
·2021-03-10 09:33

比对一下react,vue2.x,vue3.x的diff算法

从0写一下diff算法，我是一边写代码，一边写文章，整理一下思路。注：这里只讨论tag属性相同并且多个children的情况，不相同的tag直接替换，删除，这没啥好写的。用这个例子来说明exportconstHello={name:'Hello',data(){return{childList:['a','b','c'],};},mounted(){setTimeout(()=>{this.chi
HelenYin·2021-03-07 15:37

VUE3.0创建项目步骤详解(推荐)

这篇主要介绍下vue-cli3.0项目搭建如果您还不了解vue2.x就请先看官方文档文档地址:https://cn.vuejs.org/这是vue3.0文档地址:https://v3.vuejs.org
程程0221·2021-03-02 19:19

Vue2.x与vue3.x生命周期对比

Vue2.x你不能使用箭头函数来定义一个生命周期方法！！因为this啥也找不到还报错！
_小海绵·2021-02-26 09:17

Vue源码解析系列——响应式原理篇：理解Dep类和Watcher类

依赖收集通过之前阅读的源码我们了解到Vue2.x版本的响应式是依靠Object.defineProperty这个API来进行对象的劫持，
爱学习的前端小黄·2021-02-23 21:50

前端三大框架：数据绑定与数据流

序言在前端三大主流的框架中，我们可能会经常听到React是单向数据流，采用单向数据绑定，而Vue2.x也是单向数据流，但同时支持单向数据绑定和双向数据绑定，而Angular和AngularJS又有所不同
·2021-02-22 16:30

Bpmn.js 中文文档(一)

一.引入Bpmn.js并初始化建模器/*基于vue2.x，省略了template模板与部分data*/importBpmnModelerfrom"b
MiyueFE·2021-02-21 11:01

vue3.0实现插件封装

vue3.x不同于vue2.x，他们两的插件封装方式完全不一样。由于项目中需要用到自定义提示框,所以想着自己封装一个。vue2.x提供了一个vue.extend的全局方法。
·2021-02-20 13:58

Vue3（七）CDN模式下的“半工程化”的开发方式

好在vue3不容易报错了，想当初vue2.x的时候各种报错，看
自然框架·2021-02-20 08:45

vue2.x配置打包--无需更改生产或测试环境地址

0、安装依赖cross-env1、外部IP.js文件拿到ip2、保证打包config/index.js引入IP.jsconstipFile=require('../build/ip')module.exports/dev/host设置值为获取的iphost:ipFile.getIp(),package.json/"build":"cross-envNODE_ENV=productionenv_co
·2021-02-18 03:52

vue2.x配置打包--无需更改生产或测试环境地址

0、安装依赖cross-env1、外部IP.js文件拿到ip2、保证打包config/index.js引入IP.jsconstipFile=require('../build/ip')module.exports/dev/host设置值为获取的iphost:ipFile.getIp(),package.json/"build":"cross-envNODE_ENV=productionenv_co
·2021-02-18 03:48
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他