VUE2.x 第14页

项目框架vue2.x版本升级到vue3.0版本

主要模块升级对应版本vue2.x与vue3.x的区别升级过程中遇到的问题项目发布一、为什么要升级框架？

绘梦_·2022-03-10 15:40

简单聊聊vue2.x的$attrs和$listeners

目录$attrs$listeners总结$attrs$attrs用于多层次组件传递参数（组件标签的attribute，class和style除外），爷爷辈组件向孙子辈组件传递参数（注：参数不能被父辈prop识别，一旦被父辈prop识别且获取，则孙子辈组件不能获取到该参数）写法如下：（注：v-bind不能用简写:）下面举个栗子：爷爷（GrandFather）向父亲（Father）传递一个msg1向孙

·2022-03-10 10:02

关于 vue2.x 的 $attrs 和 $listeners

$attrs$attrs用于多层次组件传递参数（组件标签的attribute，class和style除外），爷爷辈组件向孙子辈组件传递参数（注：参数不能被父辈prop识别，一旦被父辈prop识别且获取，则孙子辈组件不能获取到该参数）写法如下：（注：v-bind不能用简写:）下面举个栗子：爷爷（GrandFather）向父亲（Father）传递一个msg1向孙子（GrandSon）传递一个msg2，

芦荟柚子茶·2022-03-09 22:00

Vue3.0新版API之composition-api入坑指南

关于VUE3.0由于vue3.0语法跟vue2.x的语法几乎是完全兼容的，本文主要介绍了如何使用composition-api，主要分以下几个方面来讲使用vite体验vue3.0composition-api

·2022-03-09 16:11

vue2.x项目通过theme-chalk-preview实现动态换肤

【背景需求】项目需支持用户自定义主题颜色并缓存颜色【技术实现】（插件）[email protected]、[email protected]、[email protected]、[email protected]{{$t('navbar.theme')}}切换重置importgenerateColorsfrom"@/utils/

leo0oel·2022-02-21 19:39

【vue-cli 3】全局过滤器

到了vue2.x版本之后，内置到几个过滤器就被删掉了，如果需要用到过滤器，就要开发者自己去定义。可以把过滤器定义在某个组件内部，但这样就成了局部过滤器，在别的组件里是无法使用的。所以通常不会这么做。

德育处主任·2022-02-21 01:55

Vue.js 移动端 UI 组件库 YDUI

Vue-ydui是YDUITouch的一个基于Vue2.x的移动端&微信UI实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。

与蟒唯舞·2022-02-20 18:32

3分钟带你体验Vue3.0

虽然Vue3.0还未发布，但是Vue官方发布了关于CompositionAPI的官方插件，使广大用户可以在Vue2.x中享受FunctionBase带来的新体验。

天外小星星·2022-02-19 17:40

【Vue3.0】还学得动吗？赶紧和我过一遍用法吧！

阅读依赖本篇文章默认读者已经了解以下知识，没有掌握的请去补课~Vue2.x的用法npm的安装与构建，npx局部安装替代全局

Kagashino·2022-02-18 10:23

基于Vue2.x的前端架构，我们是这么做的

通过VueCLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学习和分享的目的，本文会介绍一下我们Vue项目的前端架构设计，当然，有些地方可能不是最好的方式，毕竟大家的业务不尽相同，适合你的就是最好的。除了介绍基本的架构设计，本文还会介绍如何开发一个VueCLI插件和preset预设。ps.

·2022-02-15 21:47

Vue2.X是如何利用Object.defineProperty()实现数据绑定的

Vue2.X是如何利用Object.defineProperty()实现数据绑定的上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定的。

·2022-02-15 21:46

Vue2.x API 学习

目录Vue2.xAPI全局配置silentoptionMergeStrategiesdevtoolserrorHandlerwarnHandlerignoredElementskeyCodesperformanceproductionTip属性$data$props$el$options$parent$root$children$slots$scopedSlots$refs$isServer$at

ylnzzl·2022-02-15 09:53

Vue响应式原理模拟分析，实现一个最小版本的Vue

提高开发效率双向绑定：数据改变，视图改变；视图改变，数据也随之改变我们可以使用v-model在表单元数据驱动是Vue最独特的特性之一：开发过程中仅需要关注数据本身，不需要关心数据是如何渲染到视图二、数据响应式核心原理Vue2

好好学习用力吃饭·2022-02-15 09:16

vue2.x响应式原理

Talkischeap，showmethecode。先抄一把官方文档的简单介绍吧，然后再贴个总览图，再细细说来。逐行源码分析，并不是单纯的理论。当你把一个普通的JavaScript对象传入vue实例作为data选项，vue将遍历此对象所有的property，并使用Object.defineProperty把这些property全部转为getter/setter。Object.definePrope

qq_31394289·2022-02-15 09:38

学习VUE总得知道Object.defineProxy怎么使用吧

今天就专门讲一下Object.defineProxy是如何使用的，这样在以后讲到Vue2.X的源码时，就更容易理解了。

·2022-02-14 23:49

Vue生命周期&脚手架工程&Element-UI

一Vue2.x生命周期每个vue实例再被创建时都要经过一系列的初始化过程：创建实例装载模板渲染模板等等vue为生命周期中的每个状态都设置了钩子函数（监听函数）。

haloYml·2022-02-12 23:28

vue总结

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

dac06a3906bb·2022-02-12 09:30

vue：vue2.x学习笔记

v-ifvsv-showv-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于CSS进行切换。一般来说，v-if有更高的切换开销，而v-show有更高的初

杀生丸大人吖·2022-02-11 04:52

Vue深入响应式原理

参考：>第二章Object的变化侦测Vue2.x和Vue3.x官网关于>的介绍>1.追踪对象变化的方法Vue2.x在组件创建时，Vue2.x系列使用了Object.defineProperty来给组件中的

Vanghua·2022-02-09 11:35

Vue3新功能

1.vue3带来了什么六大亮点：编译性能比vue2.x快1.2~2倍：diff算法优化hoistStatic静态提升cacheHandlers事件侦听器缓存按需编译，体积比vue2.x更小。

睡睡喜欢喝热水·2022-02-09 09:11

从Vue2源码看diff算法

学习目标通过看[Vue2.x](Vue_src_code/vueatmaster·csDeng/Vue_src_code(githu

一腔诗意醉了酒·2022-02-08 10:56

vue2.x defineProperty Api

vue2.X中的definePropertyAPIVue初始化过程Vue的初始化过程，分别有Observer、Compiler和Watcher，当我们newVue的时候，会调用Observer，通过Object.defineProperty

zhudying·2022-02-07 10:17

前端-Vue超快速学习

我之前一直使用的React，最近到了新公司，需要使用Vue，虽然之前自己写过一些小demo，但是缺乏系统的学习，且之前自己看的vue1.x的内容，好多都过时了，现在补充一下vue2.x的相关知识。

grain先森·2022-02-06 23:19

VUE2.x中vuex的使用

vuex的使用文章目录vuex的使用vuex的安装：vuex的使用：在`main.js`中注入：编写`tab.js`：状态的获取：状态的改变：end嘿嘿，先看vuex官方的话“每一个Vuex应用的核心就是store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态(state)。”vuex是用来管理和维护多个组件间状态的传递的。vue官网中组件的传递使用的是事件发送。vue

jayLog·2022-02-05 16:15

vue2.x使用响应式vw布局(px自动转为vw)

浏览器支持一览1、依赖包引入yarnaddpostcss-px-to-viewport-optpostcss-viewport-unitscssnanocssnano-preset-advanced--dev2、更改项目根目录下.postcssrc.js文件配置module.exports={"plugins":{"postcss-import":{},"postcss-url":{},"auto

yang_fy·2022-02-05 07:51

vue2.x自动打生产包和测试包

vue自动打生产包和测试包一、build文件夹下修改1)、对应build.js建立test.js，复制build.js内容，然后做一下修改1563434969(1).jpg2)、对应webpack.prod.conf.js建立webpack.test.conf.js，修改如下Snipaste_2019-07-18_15-32-07.png注意把该文件中所有的config.build替换为confi

海豚先生的博客·2022-02-04 16:20

Vue2源码学习笔记-2

说说看Vue2.x源码解析系列十：Patch和Diff算法如有错误，欢迎指出~更多学习笔记请戳：https://github.com/6fa/WebKno...本文目录：newVue()5.1_initVue

·2022-01-06 10:28

Vue3学习与实战 · 配置使用vue-router路由

随着Vue版本的升级，Vue2.x项目和Vue3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。

天問_专注于大前端技术·2021-12-28 16:52

Vue2.x和Vue3.0中的响应式原理

vue2.x的响应式实现原理：对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写更新数组的一系列方法来实现拦截。

·2021-12-21 07:01

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