首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue原理
你不会困
创建于2022-08-16
订阅专栏
系统学习vue的原理
暂无订阅
共17篇文章
创建于2022-08-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
v-for调用子组件暴露给父组件的方法
子组件通过暴露方法给到父组件调用 父组件通过ref调用子组件的方法,这里需要进行唯一的ref注册,如果不唯一就无法获取到对应的ref去调用,因为v-for生成的ref是一个数组 调用方法
element plus轮播图动态数据,第一页显示空
今天开发,发现轮播图的数据是动态的就会会出现第一页空白,一开始以为是执行顺序的问题,**在onbeforeMonut执行接口获取数据,然后在onMount在执行动态数据**,最后加了await还是会
虚拟dom和diff算法
vue所谓的diff算法就是精细化比对,进行最小化更新。 vue的虚拟dom就是将真实dom转换一个js对象,
vue3实战之数组的响应式
vue2的数组响应式需要使用this.$set, 实现数组元素的变化更新,vue2只是改写了数组的七个方法('push', 'pop', 'shift', 'unshift', 'splice', '
web前端的渲染发展历程-vue模板引擎
模板引擎是将数据变成视图的最优雅的方式 没使用vue的v-for,了解前端的渲染发展历程 1.使用原生要先获取dom节点然后appendChild 2.es6的模板字符串 3.mustache是一个j
组件封装之v-model
组件封装使用到的v-model实际上就是:value='value' @input='value=$event.target.value', 子组件里面接收value,并将@input='handle
vue组件封装的动画
先来看看官方文档是怎么做的动画的过度,即消失与出现的动画 其实就是动态切换这六个类,使用时的用法,如果不写name就会使用vue默认的动画,一般使用时都是会使用默认的动画,有特殊的动画需求再去自己写c
组件封装之sync修饰符
在日常的组件封装中,难免父组件要给子组件传值,由于vue的父子组件是单向数据流,所以不能直接修改父组件传进来的值,要通过this.$emit通知父组件修改值 看一下官方文档是怎么说的 意思就是父子组件
vue的模板字符串使用v-html渲染的坑
有一个需求是弹框然后有字体是绿色,点击绿色会路由跳转, 发现报错,打印子组件的this也是undefined,父组件明明定义了,在onclick打印this发现是span标签他自己,然后无数次尝试后发
动态渲染图片实现鼠标悬停图片更换
有一个需求,鼠标放上就显示另外一张图片,移开恢复原图(每一张图片都是不一样的),动态渲染其图片 鼠标放上之前 鼠标放上后,左边的图片变成另外一张图片 实现的代码
vueX的使用(vue3)
vuex的详细使用,getters是计算属性,提交修改mutations的数据,异步请求的操作写在action store/index.js app.vue
详细理解vue的爷孙组件的传值
爷组件定义多个值给父组件,如果父组件没有用props接收,就会存在$attrs这个容器里面,子组件想要拿到这个容器里面的值就需要父组件把这个容器传给子组件(v-bind="$attrs"),相反子组件
vue3和vue2的区别
1.Vue2 与vue3 最大的区别是vue2使用选项类型api,对比vue3组合型api。vue2选项型api在代码里分割了不同得属性:data,computed,methods等;vue3合成型a
vue的dep和watcher类
创建一个dep和watcher类,给每一个对象的__ob__属性添加上Dep,给数组和对象也添加上Dep,简单数据类型不添加Dep(如b:10)就没有。 get收集依赖(vue2依赖是组件,由组件去更
数组的响应式原理
1.vue改写数组的七个方法:push、pop、shift、unshif、splice、sort、reverse vue的数组响应式原理是以Array.prototype为原型,创建一个arrayMe
递归侦测对象
首先创建一个observe函数判断是不是对象,再判断是不是有__ob__这个属性 创建一个Observer类,给对象添加__ob__这个属性 添加一个工具函数,进行递归
vue的数据更新原理
vue的数据更新原理,之前并没有系统的学习vue的原理,大概看过一些面试题知道Object.defineProperty这个属性,直接给obj赋值不是更加简单?通过mdn的相关资料知道,该方法还有多个