VUE2.x

vue 3.0 封装 Toast 组件

使用vue3.0封装组件与vue2.x相比有一些区别：创建组件时使用的函数不同在vue2.x中创建一些独立组件，我们一般都是使用Vue.extend+$mount这对组合；而在vue3.0中，我们可以使用
异想天不开_9950·2021-12-15 11:57

02.vue3-组合API(上篇)

从组件生命周期来看，它的执行在组件实例创建之前vue2.x的beforeCreate执行。
姑苏_慕容博·2021-12-09 09:11

vue-cli创建项目的小细节

有时候公司还有老项目需要支持vue2.x版本的也需要对应的老版本脚手架进行搭建，同时也有新项目基于vuecli版本更高的去搭建。
·2021-11-30 14:11

即将2022年了，Vue3.x详细版为尔奉上（对比Vue2.x，打包带走）

Vue3知识已经为你总结好，赶紧学起来吧~~~Vue3新特性体验--上（内附简单实例，可直接使用）_前端不释卷leo的博客-CSDN博客1、先创建一个简单vue2项目，node、vue-cli、webpack等准备完成之后，创建vue3-test文件夹，cdvue3-test，然后vueinitwebpack，配置项目信息，创建vue2项目（安装vue-router、vuex）。vue2项目文件目
前端不释卷leo·2021-11-28 09:58

vue3 + vite实现异步组件和路由懒加载

但是在Vue3.x中异步组件的使用与Vue2.x完全不同了。本文就详细讲讲vue3中异步组件和路由懒加载的实现。
天問·2021-11-24 11:00

vue2.x数组的响应式

vue2.x数组的响应式在vue2中直接去修改数组中元素的值，视图是不会更新的，如下data中有一个数组为arr:[{name:“张三”,age:20,},{name:“李四”,age:18,}]如果你是这样更新数据的
跑快快ing·2021-11-17 22:53

Vue2.x 源码 - 初始化：initMixin(Vue)

上一篇：Vue2.x源码学习准备这一篇文章及后面的几篇文章主要看看Vue是什么，以及Vue是怎么初始化的，出于篇幅考虑，这里先看一下initMixin混入。
三个木马人·2021-10-25 16:39

vue3.x新特性之setup函数，看完就会用了

最近有小伙伴跟我聊起setup函数，因为习惯了vue2.x的写法导致了，setup用起来觉得奇奇怪怪的，在一些api混编的情况下，代码变得更加混乱了，个人觉得在工程化思想比较强的团队中使用setup确实能更好的使用模块化开发
学杂不精·2021-10-24 02:27

vue3 实现 select 下拉选项

呃哼~第一次发帖.写不好请见谅本人学生,平时在外面没事接点小项目小赚一笔补贴生活费.之前一直都是使用Vue2.x的版本做项目,暑假刚刚学习了Vue3想着新项目就直接用Vue3上手.效果展示好了,话不多说先给大佬们看看效果样式
末日沙兔·2021-10-22 13:08

vue3.x全局$toast、$message、$loading等js插件

有时候我们需要使用一些类似toast，messge、loading这些跟js交互很频繁的插件，vue3.x这类插件的定义跟vue2.x插件稍大，而且相对变得复杂了一点点。
学杂不精·2021-10-22 10:34

Vue3的7种和Vue2的12种组件通信，值得收藏

本文原文首发掘金：https://juejin.cn/post/699968...如有不对的或者遗漏的，欢迎指正，你的一赞一评都是我前行最大的动力，感谢Vue2.x组件通信12种方式写在后面了，先来Vue3
·2021-10-21 11:02

vue3.x自定义组件双向数据绑定v-model

vue2.x语法在2.x中，在组件上使用v-model相当于绑定valueprop并触发input事件：子组件内props里面value接收传进来的值，然后使用this.
学杂不精·2021-10-20 22:50

Vue3.2 响应式原理源码剖析，及与 Vue2 .x响应式的区别

本文源码版本Vue3.2.11，Vue2响应式源码剖析点这里深入浅出Vue2响应式原理源码剖析我们知道相较Vue2.x的响应式Vue3对整个响应式都做了重大升级；然后Vue3.2相较3.0版本源码又做了许多变更
·2021-10-20 16:12

vue3.x移动端适配px2rem

2、前提条件1、vue3.x新建的项目，这里只说vue3.x的适配，因为vue2.x一般都创建很久了，或者不需要这么做了，亦或者改动代价太大，就不讨论了。
学杂不精·2021-10-19 17:57

Vue3 编译流程-源码解析

Vue2.x的源码我也有过一些简单的阅读，自Vue3重构后，Vue项目的目录结构也发生了很大的变
·2021-09-25 14:34

vue3 与 vue2 优点对比汇总

cacheHandlers事件侦听器缓存优点4：ssr渲染优点5：更好的Ts支持优点6：CompostionAPI:组合API/注入API优点7：更先进的组件优点8：自定义渲染API优点9：按需编译，体积比vue2
·2021-09-24 11:34

Vue3父子组件传参有关sync修饰符的用法详解

目录单向数据流讲解Vue2.x使用定义事件的形式,通知父组件修改.sync和update:的使用父传子,传递多个数据的简写采用v-model简写(要求严格)Vue3.x使用普通用法简写单向数据流讲解单向数据流
·2021-09-24 09:43

理解Vue2.x和Vue3.x自定义指令用法及钩子函数原理

目录Vue2.x用法全局注册局部注册使用钩子函数钩子函数的参数Vue3.x用法全局注册局部注册使用钩子函数较Vue2.x相比,钩子函数有变化Vue2.x用法全局注册Vue.directive(指令名,{
·2021-09-23 18:46

vue3，对比 vue2 有什么优点？

比起通用软件的生命周期来这好像也没那么久，Vue3在2020年正式推出，在源码和API都有较大变化，性能得到了显著的提升，比Vue2.x快1.2~2倍。
·2021-09-16 15:20

Vue.js slot插槽的作用域插槽用法详解

目录没有插槽的情况Vue2.x插槽有插槽的情况具名插槽没有slot属性插槽简单实例应用作用域插槽(2.1.0新增)Vue3.x插槽插槽作用域插槽没有插槽的情况1111//注册子组件Vue.component
·2021-09-15 16:28

vue2.x响应式原理-数组篇

来不及解释了，快上车......之前的一篇文章vue2.x响应式原理主要是对象的响应式，今天补充一下数组响应式的原理，因为vue对数组做了特别的处理。
唐_银·2021-09-13 10:33

Vue2源码解读三：数据变化侦测-数据响应式原理

Vue2.X官方文档中已经阐述了深入响应式原理，简单来讲就是数据修改之后，被es5里边Object.defineProperty,setter拦截到了，通知watcher，watcher对函数进行渲染，
·2021-08-31 19:31

Vue源码 模板编译解析

vue源码模板编译模板编译的主要目的是将模板(template)转换为渲染函数(render)模板编译作用Vue2.x使用VNode描述视图以及各种交互，用户自己编写VNode比较复杂用户只需要编写类似
·2021-08-25 13:28

vue2.x响应式原理浅析

Observedemo响应式demofunctionupdateView(val){console.log('视图更新',val)}//重新定义数组原型constarrayProto=Array.prototype//创建新对象，原型指向arrayProto，再扩展新的方法不会影响原型constarrayMethods=Object.create(arrayProto);['push','pop'
·2021-08-24 19:08

Vue3.x使用mitt.js进行组件通信

目录快速开始使用方式核心原理Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。比起Vue实例上的EventBus，mitt.js好在哪里呢？
·2021-08-24 13:49

Vue2.x配置路由导航守卫实现用户登录和退出

用户登录代码三、用户退出1.实现代码总结前言之前在Vue的学习中通过路由导航守卫控制实现了用户登录模块的功能，现在再次做项目时又要通过Vue配置路由导航守卫来实现相同的功能，在此将实现过程进行记录与总结（本文基于Vue2
·2021-08-23 22:17

Vue2.x响应式简单讲解及示例

一、回顾Vue响应式用法vue响应式，我们都很熟悉了。当我们修改vue中data对象中的属性时，页面中引用该属性的地方就会发生相应的改变。避免了我们再去操作dom，进行数据绑定。二、Vue响应式实现分析对于vue的响应式原理，官网上给了出文字描述https://cn.vuejs.org/v2/guide/reactivity.html。vue内部主要是通过数据劫持和观察者模式实现的数据劫持：vue
·2021-08-22 15:06

一篇文章搞定echarts地图轮播高亮

技术栈用的是vue2.x相信效果大家已经清楚了那我们就开干吧。toDoList简单的准备一个地图保存实例备用设置定时器设置鼠标移入移出事件ju
·2021-08-20 14:00

手动实现一下vue的基本原理

刚刚看了一些源码有感，所以来挑战一下自己,我们都知道vue2.x原理就是Object.defineProperty(),这个方法的官方描述就是方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性
行走在黑夜下的舞者·2021-08-19 21:32

vue2.x 学习进阶

v-ifvsv-showv-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。相比之下，v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于CSS进行切换。计算属性缓存vs方法计算属性：computed:{//计算属性的getterreversedMessage:function(){//`this`指向vm实例retu
·2021-08-17 17:08

存网址

开发:插件市场：https://ext.dcloud.net.cn/Node.jsv16.6.1中文文档：http://nodejs.cn/api/Vue2.x的ElementUI文档：https://
梦千诺·2021-08-06 12:27

Vue3.x相对于Vue2.x的变化

Vue3.x相对于Vue2.x的优势1.Tree-shakingVue3最重要的变化之一就是引入了Tree-Shaking，Tree-Shaking带来的bundle体积更小是显而易见的。
东方三篇·2021-08-05 17:22

Vue.set 源码解析

Vue.set源码解析用过Vue的同学应该都知道Vue.set这个api，在Vue2.x组件实例初始化之后，动态给data选项添加属性是不会触发响应的，如果希望动态添加的属性也能触发响应式机制，这个时候就可以用
·2021-08-02 00:24

vue3.0生命周期的示例代码

使用过Vue2.x的朋友肯定对它的生命周期钩子很熟悉了，因为在实际的开发过
·2021-07-29 11:20

Vue Router 使用步骤 （Vue2.x）

使用步骤当我们使用vue/cli创建项目的时候选择上Router，会自动安装VueRouter插件，并且生成VueRouter的基础代码结构注册路由Vue.use是用来注册插件，它需要接收一个参数，它会调用传入对象的install方法Vue.use(Router)路由规则constroutes=[{path:'',name:'',component:''},]创建路由对象（创建路由时把路由规则传进
KK_boy·2021-07-22 23:05

vue3视频观看笔记-vue2.x与vue3变化-1

vu3官方文档vue3api中文文档vue3教程-官方vue3生命周期图示image.pngVue3教程视频Vue3教程视频如果需要课程源码,或者需要添加江哥微信交流群可以添加小渔微信:it666-01感觉微信小程序就是类似vue3vue3项目结构Vue模板浏览Vue3模板浏览Vue3模板浏览Vue3对Vue2的提升Diff算法优化，添加静态标记PatchPlaghoistaStatic静态提升c
牵手生活·2021-07-21 14:25

在vue3中使用vue-lgrid-layout

最近使用vue3开发一个工具项目发现原本在vue2.x中使用很好的vue-grid-layout会报一个很奇怪的错误external_commonjs_vue_commonjs2_vue_root_Vue_default.aisnotaconstructor
sssdal19995·2021-07-02 09:37

vue3按钮波纹效果封装

指令在vue3+ts中，指令需要注意的写法同vue2中是有一些不同的，主要有：添加类型importtype{Directive,DirectiveBinding}from'vue';vue2.x与vue3
小俊的世界·2021-06-27 17:52

基于Vue2.x的小型移动的组件库

说明这是一个基于Vue2的个人开源项目，主要用于学习与交流项目主要开发了一些基本的Vue组件，鉴于个人水平，可能有很多的问题，喜欢的话可以用来玩玩文档生成使用docsify感谢这位开发者提供了极其方便的文档开发工具在线示例文档github#installdependencies#安装依赖#npminstall#servewithhotreloadatlocalhost:8081#浏览器打开http
木子tar·2021-06-25 19:57

2021年，让我们手写一个mini版本的vue2.x和vue3.x框架

mini版本的vue.js2.X版本框架模板代码首先我们看一下我们要实现的模板代码:{{msg}}{{count}}v-textadd+changemessage!recoverMessage!逻辑代码然后就是我们要编写的javascript代码。constapp=newminiVue({el:"#app",data:{msg:"hello,minivue.js",count:666},metho
·2021-06-25 10:02

2021年，让我们手写一个mini版本的vue2.x和vue3.x框架

mini版本的vue.js2.X版本框架模板代码首先我们看一下我们要实现的模板代码:{{msg}}{{count}}v-textadd+changemessage!recoverMessage!逻辑代码然后就是我们要编写的javascript代码。constapp=newminiVue({el:"#app",data:{msg:"hello,minivue.js",count:666},metho
·2021-06-25 00:37

2021年，让我们手写一个mini版本的vue2.x和vue3.x框架

mini版本的vue.js2.X版本框架模板代码首先我们看一下我们要实现的模板代码:{{msg}}{{count}}v-textadd+changemessage!recoverMessage!逻辑代码然后就是我们要编写的javascript代码。constapp=newminiVue({el:"#app",data:{msg:"hello,minivue.js",count:666},metho
·2021-06-24 23:00

Vue3 源码解析(一)：编译流程

Vue2.x的源码我也有过一些简单的阅读，自Vue3重构后，Vue项目的目录结构也发生了很大的变化，各个
Originalee·2021-06-24 21:57

快速掌握-vue3

ts重构，代码可读性更强vue3.x使用Proxy取代Vue2.x版本的Object.defineProperty实现了TreeShaking(当Javascript项目达到一定体积时，将代码分成模块会更易于管理
小二儿上酒·2021-06-23 09:17

Vue2.x 源码解析：组件初始化过程概要

作者：lihongxun945github.com/lihongxun945/myblog/issues/23这里分析的是当前(2018/07/25)最新版V2.5.16的源码，如果你想一遍看一遍参阅源码，请务必记得切换到此版本，不然可能存在微小的差异。大家都知道，我们的应用是一个由Vue组件构成的一棵树，其中每一个节点都是一个Vue组件。我们的每一个Vue组件是如何被创建出来的，创建的过程经历了
grain先森·2021-06-22 11:44

重温vue2.X的组件通讯方式（14种）

1、props父传子的属性，props值可以是一个数组或对象;//数组:不建议使用props:[]//对象props:{inpVal:{type:Number,//传入值限定类型//type值可为String,Number,Boolean,Array,Object,Date,Function,Symbol//type还可以是一个自定义的构造函数，并且通过instanceof来进行检查确认requi
alanwhy·2021-06-22 09:19

Vue 2.6发布了

在过去一年里面我们花了大量的精力在新版的CLI和3.0的设计/原型调研上，因此Vue2.x相对地已经很久没有重大更新了。差不多是时候了！
grain先森·2021-06-22 08:10

初识webpack（三）环境分离终结篇(大概吧~~)

（其实是我不大想使用vue3.0脚手架生成，但是我又想使用webpack4.0....所以就仿照vue2.x脚手架生成的webpack配置，完成w
Sky_Zh·2021-06-22 03:41

无Vue最全知识点，面试必备（基础到进阶，覆盖vue3.0，持续更新整理，欢迎补充讨论）标题文章

代表UI组件,ViewModel将Model和View关联起来数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据了解mvc/mvp/mvvm的区别Vue2
程序员Maria·2021-06-21 07:42

vue2.x 项目初始化操作

vue安装命令.png风格指南的重要性.png为什么要用组件化.png选择组件.png组件化思想带来的问题.png安装npminstallvue-cli-g(全局)或yarnglobaladdvue-cli当我们通过上述方式安装好vue的脚手架以后，我们就可以在命令行中使用一个命令：vue（该命令是没有-cli的）vue的使用vueinitinit：初始化（创建）基于vue的项目：构建模板的名称：
追逐繁星D孩子·2021-06-21 02:39
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他