文章 2023-01-13 来自:开发者社区

vue2 和 vue3 响应式 代码实现原理

对于做vue的响应式,问自己的内心的几个问题如下:1)怎么做的数据劫持,vue2和 vue3的区别?答: vue2的数据劫持是使用是es5的 Object.defineProperty的setter 和getter方法来对对于数据的读取和设置的, 但是这里有一个最大的缺陷是 需要遍历对象的每一个属性...

vue2 和 vue3 响应式 代码实现原理
文章 2022-12-05 来自:开发者社区

Vue3+vite项目,保存代码后页面不刷新

问题描述:Vue3+vite项目,ctrl+s保存代码后,页面不刷新,在vite.config.js配置了热加载hmr也没用,只能通过yarn dev重新打开问题解决:router中component引用的路径出错,大写的写成了小写

文章 2022-09-27 来自:开发者社区

【Vue3从零开始-实战】S4:组件拆分和使用vue指令精简页面代码

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第17天,点击查看活动详情前言实战已经开始了!在前面几篇文章中,我们把首页的布局和样式都完成了,但是将所有内容都写在App.vue里面了。这样就导致App.vue里面的代码很难维护,所以本章将会把App.vue里面的代码全部拆分出来...

【Vue3从零开始-实战】S4:组件拆分和使用vue指令精简页面代码
文章 2022-06-13 来自:开发者社区

vue3新特性代码详解 下篇

使用 defineComponent 包裹组件defineComponent 文档地址Teleport - 瞬间移动 第一部分Teleport 文档地址vue3 新添加了一个默认的组件就叫 Teleport,我们可以拿过来直接使用,它上面有一个 to 的属性,它接受一个css query selector 作为参数,这就是代表要把这个组件渲...

文章 2022-06-13 来自:开发者社区

vue3新特性代码详解 上篇

模块化开发 第一部分 鼠标追踪器// 在单组件内添加对应逻辑 const x = ref(0) const y = ref(0) const updateMouse = (e: MouseEvent) => { x.value = e.pageX y.value = e.pageY } onMounted(() => {...

文章 2022-06-13 来自:开发者社区

[项目篇]vue3+ts vue3新特性代码详解2- 第八天

模块化结合typescript - 泛型改造// 为函数添加泛型 function useURLLoader<T>(url: string) { const result = ref<T | null>(null) 复制代码// 在应用中的使用,可以定义不同的数据类型 interface DogResult { message: string; ...

文章 2022-06-13 来自:开发者社区

[项目篇]vue3+ts vue3新特性代码详解- 第七天

模块化开发 第一部分 鼠标追踪器// 在单组件内添加对应逻辑 const x = ref(0) const y = ref(0) const updateMouse = (e: MouseEvent) => { x.value = e.pageX y.value = e.pageY } onMounted(() => {...

文章 2022-06-13 来自:开发者社区

vue3 自己做一个轻量级状态管理,带跟踪功能,知道是谁改的,还能定位代码

上一篇 juejin.cn/post/695541… 介绍了一个自己做的轻量级的状态管理,好多网友说,状态最重要的是跟踪功能,不能跟踪算啥状态管理?因为vue3的状态都是 reactive 的形式,也就是 proxy,原本以为有自动跟踪的功能,但是后来发现,好像没有。不管他有没有了&#...

vue3 自己做一个轻量级状态管理,带跟踪功能,知道是谁改的,还能定位代码
文章 2022-06-13 来自:开发者社区

揭秘Vue3官方教材动画制作过程,一文教会大家做代码演示GIF!

Salute to VueMasteryVueMastery是Vue官方推荐的视频课程平台。VueMastery的视频课程讲解非常透彻,PPT也是制作精良,恰当的动画能帮我们更快速的理解视频中的知识点。要用动画把知识点讲清楚,这其中需要花费大量的时间精力去进行原创设计,排版。瑞思拜~原版视频中的PPT,我用肉眼对照视频...

揭秘Vue3官方教材动画制作过程,一文教会大家做代码演示GIF!

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注