
Vue 的设计与实现
文章平均质量分 78
黄名富
他很懒,还没有添加介绍
展开
-
less 基础
Less 是一种向后兼容的CSS语言扩展。Less.js 则是将Less样式转换为CSS样式的JS工具。原创 2024-07-31 19:47:10 · 341 阅读 · 0 评论 -
Vue 渲染函数 & JSX
Vue 提供一个h()函数用于创建vnodes,用于渲染网页。JSX是JS的一个类似XML的扩展,与h()函数类似,也是可以创建vnodes,用于渲染网页。原创 2024-07-28 23:36:13 · 521 阅读 · 0 评论 -
Vue Pinia 基础
Vue Pinia 是一个专为Vue设计的状态管理库。它提供了一种简单、直观且强大的方式来管理Vue应用中的状态。原创 2024-07-27 19:34:55 · 474 阅读 · 0 评论 -
Vue Router 进阶
Vue Router 通过跳转或取消的方式守卫导航,可以在导航解析的不同节点来控制路由的跳转与取消。定义路由时,可以配置元信息。可以定制页面跳转的过度效果。还可以在程序已经运行的时候添加和删除路由。原创 2024-07-26 19:23:06 · 808 阅读 · 0 评论 -
vue3 reactive原理(二)-代理Set和Map及ref原理
Set和Map类型的数据也属于异质对象,它们有特定的属性和方法用来操作自身。因此创建代理时,针对特殊的方法需要特殊的对待。Vue 的ref 是基于reactive函数实现的,它在其基础上,增加了基本类型的响应性、解决reactive在解构时丢失响应性的问题及在模版字面量中自动脱落Ref.原创 2024-07-25 07:30:00 · 2258 阅读 · 0 评论 -
Vue Router基础
Router 的作用是在单页应用(SPA)中将浏览器的URL和用户看到的内容绑定起来。当用户在浏览不同页面时,URL会随之更新,但页面不需要从服务器重新加载。原创 2024-07-24 22:17:48 · 838 阅读 · 0 评论 -
Vue3 reactive原理(一)-代理对象及数组
Proxy 只能拦截对一个对象的基本操作(例如读取、设置属性值),而无法拦截复合操作(例如,obj.fun(),由两个基本操作组成,1)get到fun这个属性,2)函数调用)。原创 2024-07-23 22:00:27 · 1617 阅读 · 0 评论 -
Vue3逻辑复用及内置组件
Vue3的逻辑复用主要通过“组合式函数”、“自定义指令”及“插件”来实现。提高了代码复用性,增强代码可维护性及促进团队合作。原创 2024-07-21 09:04:51 · 1158 阅读 · 0 评论 -
Vue3 深入组件
Vue 的组件系统允许我们使用小型、独立和可复用的组件构件大型应用。Vue3 引入了语法糖,使得组件的options(如data,methods等)会自动从setup函数的返回中导出,无须通过return暴露它们,提高了开发效率。原创 2024-07-18 18:57:06 · 479 阅读 · 0 评论 -
Vue3 基础
Vue3 在Vue2 的基础上做了许多的改进,主要有以下方面:1)性能提升,Vue3 对虚拟DOM进行了重写,引入了静态树和新的编译器。提高了渲染性能。2)响应式系统的改进,使用Proxy代理对象替代了Vue2中的Object.defineProperty。3)更好的TypeScript支持。原创 2024-07-16 18:28:05 · 379 阅读 · 0 评论 -
Vue3响应系统的作用与实现
副作用函数的执行会直接或间接影响其他函数的执行。一个副作用函数中读取了某个对象的属性,当该属性的值发生改变后,副作用函数自动重新执行,这个对象就是响应式数据。原创 2024-07-10 23:25:53 · 1164 阅读 · 1 评论