![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
文章平均质量分 89
季夏廿九
前端切图仔,喜欢文章的点点赞哦,感谢
展开
-
「Vue系列」之Watch、WatchEffect不完全指北
一直使用Vue搬砖是不是觉得自己已经是一个熟练的Api调用工程师了?来看看这个Watch、WatchEffect相关的问题看看你掌握的怎么样?原创 2022-03-24 17:49:10 · 1428 阅读 · 0 评论 -
「Vue系列」之面试官问NextTick是想考察什么?
说起来nextTick相信大家也都耳熟能详,虽然在业务开发中用到的次数不是很多,但是在面试题汇总中出现的频率可是不低。那么nextTick到底能考察我们什么知识,我们一块来分析分析。「如果对你有帮助,点赞是对我最大的鼓励哦,如果理解有误的地方,希望大佬指出,不胜感激。❤️」原创 2022-02-28 23:04:21 · 1326 阅读 · 2 评论 -
「Vue系列」之使用Vue3新增Teleport封装一个弹框组件
使用Vue3新增Teleport封装一个弹框组件原创 2021-12-08 22:49:23 · 1428 阅读 · 0 评论 -
「Vue系列」之为什么用Proxy取代Object.defineProperty?
Vue2.x相关Object.defineProperty对于对象劫持和数组响应式实现的一些思考相信大部分同学都知道,vue2.x大概就是通过Object.defineProperty实现数据劫持,然后结合订阅发布者模式实现响应式,还有不清楚的同学可以去看一下我的另外一篇文章:Vue双向绑定(数据劫持,发布订阅者模式,diff算法)同时我们也知道,vue2.x通过defineProperty方法只是劫持了对象,但是对于数组的处理却是通过重写原生方法实现的响应式,那为什么会这样呐?现在很多的文章都原创 2021-08-24 17:45:55 · 1082 阅读 · 0 评论 -
「Vue系列」之Vue3生命周期和新增setup的一些总结
关于vue3.0的生命周期和响应式的问题的一些总结原创 2021-06-16 15:29:08 · 3106 阅读 · 3 评论 -
「Vue系列」之Vue3初尝试Cannot find module ‘worker_threads‘报错
vue3.0初尝试之Cannot find module 'worker_threads'报错记录一下vue3.0的第一次尝试,启动项目的时候报错Cannot find module ‘worker_threads’,查了一下发现是因为个人电脑node版本太低,查看了一下版本node -vv11.2.0然后升级一下自己的node版本再执行启动命令就OK了npm install -g n (mac记得加sudo)n latest人生的大部分时间应该用来努力奋斗,冲啊xdm!...原创 2021-05-20 10:38:16 · 13989 阅读 · 2 评论 -
「Vue系列」之重新探索v-if和v-show
自我纠错之v-if和v-show的区别前言最近打算抓住金三银四的尾巴,找一个刚合适自身发展的平台,看面试题的时候看到这个问题,毕竟不是刚入行的时候了,知道了区别也想看看为什么会有这样的区别,这样的区别怎样合理的运用才能更好地发挥着两个指令该有特长。用途v-if和v-show都是vue内置指令,常用于操纵目标元素的显示隐藏。(和opacity,visibility不同的是这两个属性使目标元素隐藏之后,目标元素还会占用之前在文档流占用的位置)原理v-if:通过设置true/false来删除和创建目原创 2021-04-30 16:53:39 · 1961 阅读 · 1 评论 -
「Vue系列」之Vue2的数据劫持、发布订阅者模式、diff算法
Vue双向绑定(数据劫持,发布订阅者模式,diff算法)最近一段时间自己找点东西学习,因为面试vue双向绑定问的挺多的,就想去深入研究一下本质原理,说是本质也不算,就是看了看别人的研究总结一点自己的看法和理解。数据劫持首先想实现双向绑定,肯定要先知道数据的变化,这时候应该怎么做?就是使用一个方法进行数据劫持。这个方法就是Object.defineProperty()。介绍一下这个方法:O...原创 2019-06-25 15:59:39 · 2717 阅读 · 7 评论 -
Axios在Vue.js的部分使用及它的特点
Axios在Vue.js的部分使用及它的特点简介:基于Promise的Http请求客户端,可以在浏览器和node.js中使用使用场景:结合vue.js实现发送请求,拦截请求,拦截相应的功能特点:1.基于Promise2.拦截请求和响应3.转换请求和响应的数据4.在node.js中使用安装:npm install --save axiosimport axios from ‘...原创 2019-04-15 10:55:52 · 685 阅读 · 0 评论 -
基于Vue-cli的手写轮播图(无限轮播,切换,点击预览)【函数节流】
基于Vue-cli的手写轮播图(无限轮播,切换,点击预览)在csdn这个平台上看到的文章,进行了一部分的修改,假封装成为一个组件,可以套用。具体代码如下,部分有注释<template> <div id="dataCenter"> <div class="window" @mouseover="stop" @mouseleave="play">...原创 2019-04-26 14:04:49 · 5076 阅读 · 1 评论 -
「Vue系列」之Vue2实现当前组件重新加载
Vue实现当前组件重新加载遇到问题的场景:需要把当前组件完全还原成初始化状态,不要页面全部刷新例如:重置按钮,只刷新当前加载组件其他办法:使用vue-router重新定向到当前页面,页面不刷新使用window-reload() 页面全部刷新,用户体验太差解决方法:使用v-if provide inject和this.$nextTick()【版本限制 vue2.2.0】原理:...原创 2019-04-03 10:40:49 · 55944 阅读 · 2 评论