VUE3.0学习随笔

qiankun vue3.0 保持组件状态 keep-alive 的使用

手动控制子应用加载qiankun默认提供可配置的引用加载方式,registerMicroApps。这种方式存在一些问题：应用的切换取决于路由路径，且路由的切换将触发应用的卸载与加载,例如：从A切换到B,流程：触发Aunmount->判断B是否加载过，未加载过：触发bootstrap->触发mount，加载过：直接触发mount如果子应用存在内部路由时，内部路由跳转也将触发应用的重载。可以看到应用的
copyLeft·2023-10-04 15:38

【Vue3.0】- 响应式

响应式原理响应式是Vue.js组件化更新渲染的一个核心机制Vue2.x响应式实现Object.definePropertyAPI劫持数据的变化在数据被访问的时候收集依赖然后在数据被修改的时候通知依赖更新在Vue.js2.x中，Watcher就是依赖，首先是依赖收集流程，组件在render的时候会访问模板中的数据，触发getter把renderwatcher作为依赖收集，并和数据建立联系然后是派发通
啦啦啦喽啰·2023-10-04 14:24

Vue3.0跨端Web SDK访问微信小程序云储存，文件上传路径不存在/文件受损无法显示问题（已解决）

整理需求：需要vue3.0作为pc端的后台管理来连接微信小程序客户端需要WebSDK的引入，实现vue3.0接入云开发环境需要以云环境作为线上服务器，将vue3.0上传的本地文件通过云环境进入云储存，并将文件在云端生成云端快捷访问路径及
lqj_本人·2023-10-02 14:38

机器学习随笔13--主成分分析法

摘要  本文主要介绍降维技术、主成分分析法，及其应用。目录摘要目录一、降维1.1降维简介1.2主要降维方法1.2.1主成分分析1.2.2因子分析1.2.3独立成分分析二、主成分分析法2.1主成分分析法简介2.2主成分分析法的数学推导2.2.1数据集2.2.2新坐标系需要满足的条件2.2.3新坐标系的存在性2.2.4主成分的选择2.2.5主成分的另一种表示2.3算法步骤2.3.1特征值和投影矩阵求解
量子编程永无bug·2023-10-02 13:38

vue 3.0 笔记

vue3.0笔记1、Vue3.0如何做到性能提升响应式系统升级使用Proxy对象重写响应式系统：vue2.x中使用defineProperty在初始化时遍历data中的成员，实现响应式，若成员中嵌套成员则递归实现
HIKALU·2023-10-02 11:56

vite + vue3.0使用jest测试初体验（一）

安装插件1\.安装jest,这里我使用的是全局安装,可局部安装```npmijest-g```2\.安装test**如果是vue3.0\.此处一定要加next**
木槿流年_木笔·2023-10-02 01:41

Vue3.0的设计目标是什么？做了哪些优化?

一、设计目标不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3之前我们或许会面临的问题随着功能的增长，复杂组件的代码变得越来越难以维护缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机制类型推断不够友好bundle的时间太久了而Vue3经过长达两三年时间的筹备，做了哪些事情？我们从结果反推更小更快TypeScript支持API设计一致性提高自身可维护性开放更多底层功能一句话概述，
抽疯的稻草绳·2023-10-01 22:23

【vue3.0 组合式API与选项式API是什么，有什么区别】

vue3.0组合式API与选项式API是什么Vue3.0中引入了组合式API（CompositionAPI），同时保留了选项式API（OptionsAPI）。两种API风格都能够覆盖大部分的应用场景。
cv全粘工程师·2023-10-01 17:26

Vue3中使用Proxy API取代defineProperty API的原因

目录一、前言二、definePropertyAPI的限制和问题三、ProxyAPI的优势和特性四、Vue3.0中使用ProxyAPI的原因五、ProxyAPI的局限性和注意事项一、前言Vue3.0是Vue.js
小五Five·2023-10-01 14:50

Vue3.0——常用的Composition API（监听属性、生命周期、Teleport、属性、自定义事件、状态驱动的动态 CSS、注册组件、uspense、 isRef等）

目录一、常用的CompositionAPI（组合API）7.监听属性8.Vue3生命周期1)什么是生命周期2)Vue2.x中的生命周期3)Vue3.x的生命周期4）vue3新增的生命周期钩子9.Teleport10.属性1.组件内部还是可以用2.02.vue3组件内部组合式APIsetup中取属性值3.setup语法糖中获取属性值11.自定义事件1）事件名2)定义自定义事件3)`v-model`参
爱喝牛奶~·2023-10-01 01:54

TypeScript + vue3.0项目实战中遇到的问题及解决方案

——吴玉章系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现vue-cli2和vue-cli3同时并存及常见命令第三章vue3.0项目实战-ElementUI框架版第四章
BMG-Princess·2023-09-30 18:06

Vue2.0和Vue3.0的区别

Vue2.0和Vue3.0是同一个流行的JavaScript框架Vue.js的不同版本。
泡芙·草莓·2023-09-30 18:26

vue3.0 页面缓存正确打开方式

最近在做一款移动端的H5项目，如果项目中不做任何处理，类似从列表进入详情再返回这样的跳转会导致页面重新加载，试想一下如果列表已经加载了几十上百页了，就因为点进去详情再回来就要从头开始，用户碰到这种情况是不是很崩溃，所以对必要的页面做缓存就必不可少。网上搜索缓存处理方案有很多，很多都采用Keep-alive对router-view做缓存，这样的处理方式简单又高效，在使用的过程中作为新手的我碰到了很多
猿田·2023-09-30 07:29

VUE pdf.js 实现远程pdf文件预览

1：下载pdf进入pdf.js官网地址：https://mozilla.github.io/pdf.js/getting_started/#download2：将下载的pdf文件放入项目静态文件中，vue3.0
lxw1005192401·2023-09-29 18:10

Vue3.0 的性能优化

1.diff算法优化vue2.0中虚拟dom是全量对比；vue3.0中新增了静态标记（patchFlag），只对比有PF的节点，并且通过Flag的信息对比节点的具体内容。
南枫小谨·2023-09-29 13:05

vue3.0 echarts在nginx环境中二次渲染不成功

echarts在开发环境中，组件切换二次渲染的时候是可以正常显示的。打包放入nginx中，二次渲染不出来。解决办法就是我们在重新创建的时候，移除之前创建的实例并且重新创建一个Echarts实例：document.getElementById('rightEcharts').removeAttribute('_echarts_instance_');
ruo水水水·2023-09-29 12:28

vue3.0 中的provide和reject使用，$ref,teleport

App.vue插槽打开模态框{{item}}{{item}}{{item}}import{defineComponent,ref,reactive,onMounted,nextTick,Ref,provide}from'vue';importmodalfrom'./components/modal.vue';exportdefaultdefineComponent({name:'App',comp
newbie (⊙o⊙)·2023-09-29 10:02

vue3学习笔记(1)

Vue3.0在2019年年末就公布了源码，2020年年末正式发行。目前位置已经在大多数公司渐渐投入使用。本篇文章就来介绍一下Vue3.0的使用以及和Vue2.x的区别。
liuwenjie_·2023-09-28 21:57

Vue Router的安装

安装的Vue-Router插件时需要注意版本信息，Vue2.0使用的是Vue-Router3.x，而Vue3.0使用的是Vue-Router4.x。
菜园前端·2023-09-28 15:50

Vue.js 源码学习笔记

希望自己能在VUE3.0发布前把这个给鼓捣完。基础工作FLOW（类型检查）项目越复杂就越需要通过工具的手段来保证项目的维护性和增强代码的可读性。
俺是种瓜低·2023-09-28 14:02

2023年前端流行什么技术和框架了？

Web前端三大主流框架有React、Vue.js和Angular，由于接触过Vue.js，接下来主讲最新的Vue3.0！
·2023-09-27 09:16

深入解析Vue3.0的响应式系统：如何理解和使用Vue3.0中的ref、reactive以及watch等API进行数据响应式编程

部分数据来源：ChatGPT简介Vue3中的响应式系统是相较于Vue2更新迭代的一大亮点。Vue3的响应式系统提供了一组全新的API，包括ref、reactive、computed和watch等，用来实现数据的响应式绑定和变更检测。下面，我们就来深入解析Vue3的响应式系统，包括如何理解和使用ref、reactive、computed和watch等API进行数据响应式编程。1、ref在Vue3中，
正经人_____·2023-09-26 18:05

基于vue3.0封装的虚拟滚动插件-vue-virtual-scroller

众所周知，当节点达到一定数量的时候，前端就会产生很大的性能问题，那么我们应该怎么来改善这种局面呢，没错，就是所谓的虚拟滚动，其实就是几个节点在滚动的时候移来移去，非常的乏味。其实很早之前就已经研究过，记得当时谷歌就已经有提出创建可回收节点的api，这么多年过去了，也没有去关注有没有去继续推动了，大概就是会有个原生的createCycleElement这种的api出现，尝试过在孤高度不一致的列表里，
Emperor灬fly·2023-09-26 13:19

vue3.0新特性 组合式API(setup)

组合式APIsetup是个函数在props被解析完成后执行，setup(props,content)1.props是响应式的，所以不能进行es6解构会失去响应式的特性.note:可以使用toRefs函数完成次操作。import{toRefs}from'vue'setup(props){const{title}=toRefs(props)console.log(title.value)}2.cont
姜酱i·2023-09-25 17:32

cisco网络学习随笔－－－－绝对＂绝版＂

以下这些笔记内容,可能在结构组织上很混乱,因为这些都是我在看书或者是平时看资料的时候的瞬间想法.里面有自己的理解，也有的地方会以疑问的方式提问一些问题.我的不管学什么,瞬间想法是非常重要的,所以在平时我记录了这些~~希望感兴趣的朋友可以看完,多给些建议,我希望我可以做的跟更好!谢谢支持与指点!!当ROUTER在启动以后，和他直接联系的网络是不需要进行配置的，即：ROUTER一开机，就可以自动识别这
weixin_34068198·2023-09-25 15:48

MYSQL学习随笔1：一条查询sql的执行之路

学习一样技术，首先要从整体看，先从整体鸟瞰全面，才能让你从高维度看问题，mysql是我们最常用的数据库，平常我们使用数据库看到的都是一个整体，很少关注一条sql的执行流程，譬如：select*fromTwhereID=10；我们看到的只是一个sql语句和返回结果，却不知道内部的执行过程。下面我们根据一条sql的执行来拆解mysql的基本架构，通过拆解来加深对mysql的理解，在使用mysql的过程
雨润田心·2023-09-25 07:52

绘本学习随笔 - 草稿

2019年5月11——5月12日，很有幸到汝阳县外国语小学参加桂馨阅读领航人计划县城教师教师培训，历时一天半。参加人员有县级领导，全县各个乡镇的小学老师。偌大的会场。作物虚席。每位老师都认真听讲，细心记笔记，专注的神情就像刚入学的小学生。绘本教学是一个新的领域，特别符合孩子思维特点。更能激发孩子阅读兴趣。在绘本中儿童文学作家使用孩子可以阅读的词汇熟悉的词语结构，将主题巧妙涵盖进去，汇聚成结构完整，
f5222e2b99a5·2023-09-24 16:57

跟技术胖学vue3.0(typescript版)(二) setup() , ref() 和 reactive()

tips:vue2.0和vue3.0的区别没有datamethodscomputed那些内容了而是用setup()函数代替里的“根元素”不再只能是一个了一.setup()函数现在,我们没有必要把数据写在
熊爸天下_56c7·2023-09-24 08:10

浅谈vue和react的框架的比较

vue和react的框架的比较从四个大方面进行浅谈比较：数据绑定、组件化和数据流、数据状态管理、渲染和更新数据绑定Vue在数据绑定上采取了双向绑定策略，依靠Object.defineProperty(Vue3.0
牛先森家的牛奶·2023-09-23 10:48

Vue3.0 ref()、isRef()、unref()、reactive()、toRefs()、computed()

1.ref()定义一个响应式的数据但是获取的时候要.value才能获取定义的值2.isRef()判断一个值是否为一个ref对象。3.unref()如果参数是一个ref则返回它的value，否则返回参数本身。unref()：是val=isRef(val)?val.value:val的语法糖。4.reactive()函数，用来创建响应式的数据对象。当需要大量数据的时候reactive()是一个很好的选
你休得胡闹·2023-09-23 08:27

Vue3_vite

目录使用Vue-cli创建使用vite创建CompositionAPI组合APIsetup执行时机setup的参数ref函数reactive函数Vue3.0中的响应式原理Vue2的响应式实现原理Vue3
疯子****·2023-09-23 03:43

Vue3 的函数式编程

Vue3.0正式版已经于9月底发布，其中，Vue3新增的composition-api是我们讨论的大热门，甚至不少react开发者都对其赞不绝口。那么，究竟什么是函数式编程？
面条请不要欺负汉堡·2023-09-22 20:35

2023年前端流行什么技术和框架了？

Web前端三大主流框架有React、Vue.js和Angular，由于接触过Vue.js，接下来主讲最新的Vue3.0！
这我可不懂·2023-09-22 20:28

《Unity Shader 入门精要》MyProject: letsStartShader笔记 01

这样多少能培养一点阅读英语文献的感觉吧……所以这系列文章本质上是个人学习用，毕竟全是些不严谨的用词、不严谨的思考，甚至还会有英语方面的语法错误……这段声明也算是为意外点进来的朋友们负责，这系列文章只是个人学习随笔
intwove·2023-09-22 18:36

vue3.0 插槽slot用法 （改了改了，和2.0用法不一样了）

今天在尝试3.0的功能，倒腾了一会写成之前的形式不起作用。现在改成大致这样的形式了建议直接看文档，挺清楚的子组件父组件footer
Liszter·2023-09-22 08:53

Vue3.0与Vue2.0的区别（超详细）

目录生命周期的变化多根节点异步组件Teleport组合式API响应式原理虚拟DOM事件缓存Diff优化打包优化自定义渲染APITypeScript支持生命周期的变化整体来看，变化不大，只是名字大部分需要+on，功能上类似。使用上Vue3组合式API需要先引入；Vue2选项API则可直接调用，如下所示。// vue3     import { onMounted } from vueonMounte
前方路远·2023-09-21 23:50

vue3.0 + vite+ vant3.0

由于项目都是vue框架的spa页面，然后项目需要一个活动页和微信的分享，这样用vue框架很累赘；以前我是直接用h5；刚好最近vue3.0出来了，然后撸一个活动页面练练手。
晨爱衿文·2023-09-21 20:48

Vue3-初识Vue3、创建Vue3工程、vue3组合式API（setup、ref函数、reactive函数）、响应式原理、计算属性、监视属性

Vue3（1）目录Vue3（1）一、Vue3简介二、创建Vue3.0工程1、使用vue-cli创建2、使用vite创建三、常用的CompositionAPI（组合式API）1、拉开序幕的setup2、ref
POTATO！·2023-09-21 17:12

node包管理器nvm的安装与使用，以及安装遇到的问题和解决方案

前言随着vue3.0的普及，公司的新项目也都开始使用vue3.0+typescript+vite的模式了，但是有的老项目还在有vue2.0，所以在开发不同项目的时候就会遇到因为node版本不同带来的各种不兼容
郝艳峰Vip·2023-09-21 11:10

面试官：Vue3.0的设计目标是什么？做了哪些优化?

一、设计目标不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3之前我们或许会面临的问题随着功能的增长，复杂组件的代码变得越来越难以维护缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机制类型推断不够友好bundle的时间太久了而Vue3经过长达两三年时间的筹备，做了哪些事情？我们从结果反推更小更快TypeScript支持API设计一致性提高自身可维护性开放更多底层功能一句话概述，
动感超人，·2023-09-21 11:28

ES6 Proxy 的巧用

Vue3.0开始为什么用Proxy代替Object.definePropertyProxy是什么“解释参考MDN，链接直达名词解释Proxy对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等
全栈道路·2023-09-21 11:57

初始Vue3.0+TypeScript

Vue3.0是一个流行的JavaScript框架，它提供了一种简洁、高效的方式来构建用户界面。在Vue3.0中，引入了TypeScript支持，使得开发更加可靠和易于维护。
张清悠·2023-09-21 04:14

Vue3的Composition API

大家都知道，现在Vue3的各个版本已经陆续发布了，并且有很多的团队已经着手各个库的开发与Vue2向Vue3的升级，我们当然也不能落后，所以赶紧将跟着本文一起学习新的API吧一、setupsetup的理解：Vue3.0
肀戔·2023-09-20 18:05

vue3.0 Composition API（转载整理）

vue3.0CompositionAPI一、setup()1.接收props数据2.context二、reactive1、reactive和ref区别三、ref四、shallowReactive五、shallowRef六、triggerRef七、toRaw八、markRaw九、customRef十、isRef十一、toRefs十二、toRef十三、computed十四、watch1、监听指定的数据
项哈哈想做前端·2023-09-20 18:35

VUE3.0有哪些改变，以及新特性 Composition API 的实现原理

VUE3.0有哪些改变，以及新特性CompositionAPI的实现原理前言距离发布vue3.0正式版本已经有一段时间了，作为技术人员，随时保持技术同步是很重要的事情。
chengjact·2023-09-20 18:34

vue3.0 Composition API学习及分享！

正文大家都知道，现在Vue3的各个版本已经陆续发布了，并且有很多的团队已经着手各个库的开发与Vue2向Vue3的升级，我们当然也不能落后，所以赶紧将跟着本文一起学习新的API吧~版本当前处于beta版本，想要正式使用在项目里还需要一段的时间,但是结构与api变化应该不大了对于不理解版本的看下面↓↓1.alpha内测版本2.beta公测版本3.Gamma正式发布的候选版本4.Final正式版5.pl
qq_40291247·2023-09-20 18:32

vue3.0中使用vuex

目录一、前言二、vuex介绍三、项目搭建四、vuex使用①state②mutations③actions一、前言学习了vue3.0，vuex也是一个必不可少的知识点。
土豆切成丝·2023-09-20 18:58

尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 （四）

第四章：Vue中的ajax4.1解决开发环境Ajax跨域问题——Vue脚手架配置代理本案例采用axios作为发送Ajax请求的库，因此首先需要下载并引入axios：在VSCode终端处输入命令：npmiaxios第二步，利用脚手架vue-cli开启代理服务器：vue.config.jsconst{defineConfig}=require('@vue/cli-service')module.exp
上官海岚·2023-09-20 17:34

尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 （一）

目录第1章：Vue核心1.1Vue简介1.1.1官网1.1.2介绍与描述1.1.3Vue的特点1.1.4与其他JS框架的关联1.1.5Vue周边库1.2初始Vue1.3模板语法1.4数据绑定1.5el与data的两种写法1.6MVVM模型1.7数据代理1.7.1Object.defineProperty方法1.7.2何为数据代理1.7.3Vue中的数据代理1.8事件处理1.8.1事件的基本使用1.
上官海岚·2023-09-20 17:04

Vue3.0 踩坑实录

这里记录一个小组件从Vue2.x->Vue3.0的踩坑过程，以及官方未提到的点。vue-easy-lightbox是Vue2.x+TypeScript编写的组件库，.vue单文件使用的是vue-pro
这名字真不对·2023-09-20 10:55
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他