VUE2.x

vue3.x源码剖析之数据响应式的深入讲解

目录前言什么是数据响应式数据响应式的大体流程vue2.x数据响应式和3.x响应式对比大致流程图实现依赖收集代码仓库结尾前言如果错过了秋枫和冬雪，那么春天的樱花一定会盛开吧。
·2022-04-12 19:28

vue3项目后台管理系统模板

Vue3.0发布第一个版本至今有一段时间了，到现在一直在更新优化,在性能方面，对比Vue2.x，性能的提升比较明显，打包后体积更小来看下Vue3.x新增了哪些功能和特性。
业__于勤荒于嬉·2022-04-12 17:00

vue2.x与vue3.0_proxy与Object.defineProperty()的区别

（1）2.0中递归遍历data中的数据，使用Object.defineProperty()劫持getter和setter，在getter中做数据依赖收集处理，在setter中监听数据的变化，并通知订阅当前数据的地方。检测不到对象属性的添加和删除，当前新加的这个属性并没有加入vue检测数据更新的机制(因为是在初始化之后添加的)。注：vue.set是能让vue知道你添加了属性,它会给你做处理，set是
wuxinxin333·2022-04-07 11:39

VUE学习-入门

、VUE是啥1.2、为啥用VUE2、VUE的使用2.1、环境搭建2.1.1、nodejs安装2.1.2、npm安装2.1.3、vue-cli安装2.2、创建项目VUE-CLI2.X目录结构相关常用命令vue2
liushangzaibeijing·2022-04-03 13:18

一.vue3安装

Vue3.x发布于2020年9月19日，在Vue2.x的基础上面进行了一些优化，对TypeScript有更好的支持。Vue3.x的语法和Vue2.x非
小柠有点萌·2022-03-28 19:01

vue2.x版本中computed和watch的使用入门详解-关联和区别

前面两篇介绍了computed和watch的基本使用watch篇computed篇两者的区别，继续通过代码实现的方式具体去了解html最开始的value值：{{name}}computed计算后的值：{{computedName}}watch修改后的值：{{watchName}}修改名字JSdata(){return{name:"zhangsan",watchName:"张三",};},watch
·2022-03-25 10:36

vue2.x版本中computed和watch的使用入门详解-关联和区别

前面两篇介绍了computed和watch的基本使用watch篇computed篇两者的区别，继续通过代码实现的方式具体去了解html最开始的value值：{{name}}computed计算后的值：{{computedName}}watch修改后的值：{{watchName}}修改名字JSdata(){return{name:"zhangsan",watchName:"张三",};},watch
程序猿布欧·2022-03-25 09:00

vue2.x el-table二次封装实现编辑修改

目录computed中接收以下参数colData控制列数的数组表格可编辑select绑定相关最近开发新业务，看到有些功能一样的表格，想着封装一个组件，记录一下：最终实现效果大概实现是：封装一个通用的表格接收两个数组，一个控制行数，一个控制列数表格可进行编辑操作官方文档图中我们可以看到：:data="tableData"中传入的tableData用来控制表格行数el-table-column用来控制
·2022-03-24 17:37

vue2.x版本中computed和watch的使用入门详解-computed篇

前言在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。基础使用在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者结合其他方法进行处理结合state状态使用通过changeName返回一段依赖于name的字符串computed基本使用name值：{{name}}{{c
·2022-03-24 15:24

Vue3 setup的基本使用

Vue3.0生命周期函数变更在Vue2.x中，实现一个功能，需要在data中新增数据，在methods/computed/watch中新增业务逻辑，数据和业务逻辑是分离的，不利于管理Vue3.0推出了CompositionAPI
趣享编程·2022-03-24 12:17

vue2.x版本中computed和watch的使用入门详解-watch篇

前言watch顾名思义，属于vue2.x版本中，监听和观察组件状态变化的钩子函数，常见的应用场景有监听路由变化，以及父组件传递给子组件的props数据的变化等基本使用在使用watch的时候，需要在data
·2022-03-24 09:59

vue2.x版本中computed和watch的使用入门详解-watch篇

前言watch顾名思义，属于vue2.x版本中，监听和观察组件状态变化的钩子函数，常见的应用场景有监听路由变化，以及父组件传递给子组件的props数据的变化等基本使用在使用watch的时候，需要在data
程序猿布欧·2022-03-24 09:00

vue2.x版本中computed和watch的使用入门详解-computed篇

前言在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。基础使用在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者结合其他方法进行处理结合state状态使用通过changeName返回一段依赖于name的字符串computed基本使用name值：{{name}}{{c
·2022-03-23 09:56

vue2.x版本中computed和watch的使用入门详解-computed篇

前言在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。基础使用在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者结合其他方法进行处理结合state状态使用通过changeName返回一段依赖于name的字符串computed基本使用name值：{{name}}{{c
程序猿布欧·2022-03-23 09:00

vue3 -【Composition API】-【新的组件】

vue-cli创建使用vite创建分析工程结构常用CompositionAPI拉开序幕的setupsetup的两个注意点ref函数reactive函数reactive对比refVue3.0中的响应式原理vue2
CaraYQ·2022-03-19 22:48

浅谈vue响应式原理及发布订阅模式和观察者模式

vue2.X中的响应式原理是基于de
「违规用户」·2022-03-18 21:12

手写demo了解vue响应式原理，订阅模式，观察者模式

Vue2.X响应式原理一.defineProperty的应用在Vue2.X响应式中使用到了defineProperty进行数据劫持，所以我们对它必须有一定的了解，那么我们先来了解它的使用方法把，这里我们来使用
想搞全栈的前端·2022-03-18 21:00

Vue2.x 安装 SCSS并使用

哈喽！大家好，我是【Bug终结者】，【CSDN新星创作者】，阿里云技术博主，51CTO人气博主，INfoQ写作专家一位上进心十足，拥有极强学习力的【Java领域博主】【Bug终结者】博客的领域是【面向后端技术】的学习，未来会持续更新更多的【后端技术】以及【学习心得】。偶尔会分享些前端基础知识，会更新实战项目，面向企业级开发应用！如果有对【后端技术】、【前端领域】感兴趣的【小可爱】，欢迎关注【Bug
Bug 终结者·2022-03-17 08:17

Vue2 composition-api 升级

在Vue2.x版本的项目中，获得和Vue3.0中一样的开发体验。composition-api字面意思是组合API，它是为了实现基于函数的逻辑复用机制而产生的。
·2022-03-16 17:50

Vue2.x安装并使用SCSS的全部过程

目录一、什么是SCSS二、SCSS与CSS的区别三、Vue中安装SCSS♻️安装SCSS♻️运行项目进行测试四、项目中使用SCSS补充：全局引用scss⛺SCSS常用命令总结一、什么是SCSSSCSS是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。二、SCSS与CSS的区别SCSS代表SassyCSS。与Sas
·2022-03-15 10:44

项目框架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

推荐 9 个经典前后端分离项目

前端核心框架：Vue2.x、VueRouter、Vuex；Vue项目基于@vue/cli4.x构建。JS依赖
前端码农..·2022-02-27 19:06

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
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他