20240715 前端开发日报

Vue.js 中的 Ajax 处理：vue-resource 库的深度解析；Vue阶段性总结(干货满满)；轻松实现五星评分：Vue.js 组件开发指南；Vue 3 中 defineExpose() 函数的使用；手撕router-view/router-link，vue-router底层到底是怎么实现的？（一）；手撕vue-router – 源码分析；星星评分系统：交互设计与Vue.js实践；MVVM思想解题，vue响应式数据底层实现原理

1. Vue.js 中的 Ajax 处理：vue-resource 库的深度解析

   文章浏览阅读353次，点赞3次，收藏6次。是一个 Vue.js 插件，它为 Vue 实例提供了一个易于使用的 HTTP 客户端。它允许我们在 Vue 组件中使用this.$http来发起 HTTP 请求，从而方便地处理异步数据。支持多种 HTTP 方法，如 GET、POST、PUT、DELETE 等，并且可以很容易地与 Vue.js 的数据绑定和组件系统集成。除了标准的 HTTP 方法外，// 处理成功情况// 处理错误情况});

2. Vue阶段性总结(干货满满)

   文章浏览阅读338次，点赞11次，收藏5次。没错，这就ViewModel的作用，它是View和Model之间的桥梁，负责将 Model 的数据转换为 View 可以展示的格式，并处理用户与 View 的交互。什么叫做所依赖的数据，就是你函数里面用到的数据，比如你要用num1+num2求和，那么num1和num2就是你所依赖的数据，当它们发生变化就会执行计算属性函数中的get方法。插槽本质上也是子组件和父组件之间的一种联系。②Model：既然有了页面，那么不难理解，这就是页面渲染的各式各样的数据，所以Model就是数据，不过它是完全独立的。

3. 轻松实现五星评分：Vue.js 组件开发指南

4. Vue 3 中 defineExpose() 函数的使用

   文章浏览阅读264次。是 Vue 3 提供的一个 Composition API 函数，用于明确指定哪些内部响应式状态或函数可以被外部访问。

5. 手撕router-view/router-link，vue-router底层到底是怎么实现的？（一）

   前言 使用vue时总会使用到路由，路由的跳转..等等，对于对代码充满好奇的我们，自然不会放过每一个手撕源码的机会，因此今天我们一起来看看router-link、router-view的底层到底是怎么实

6. 手撕vue-router – 源码分析

7. 星星评分系统：交互设计与Vue.js实践

8. MVVM思想解题，vue响应式数据底层实现原理

9. 不手撸一个极简版Vue响应式系统，记不住实现原理呀

10. 初识Vue.js：从零开始创建Vue项目

11. 掌握Vue.js指令：打造高效响应式前端体验

12. Koa.js: 深入探索现代web框架的实践示例（二）

13. 一文搞懂React Hooks闭包问题

14. 如何利用Github Action实现自动Merge PR

15. 开源 Vue3 + AntDesignVue4 + Vite 后台管理系统模版 (Antd-Templater)