React Hooks 实战案例；Vue 官方周报：Pinia之父布道React组件库Vue化移植。同步调用组合式函数。（2023 年第 41 周）；HTML5+CSS3+Vue小实例：路飞出海的动画特效；Vue 3 响应式对象：ref 和 reactive 的使用和区别；使用 vue-3-socket.io 插件以及node.js实现实时聊天；基于nodejs+vue食力派网上订餐系统；react怎么实现父子组件传值？；React 生成传递给无障碍属性的唯一 ID
-
文章浏览阅读297次，点赞70次，收藏66次。在 React 之前的版本中，组件要么是函数组件，要么是类组件。函数组件可以使用纯函数的方式编写，但是没有状态（state）和其他 React 特性；类组件则可以拥有状态和其他 React 特性，但是需要使用 class 语法来定义。React Hooks 就是在函数组件中引入了状态和其他 React 特性的工具。useState：在函数组件中添加状态，相当于在类组件中使用 this.state。
-
Vue 官方周报：Pinia之父布道React组件库Vue化移植。同步调用组合式函数。（2023 年第 41 周）
2023 年第 41 周 Vue 官方的技术周报，Pinia 之父硬核分享 Pinia 的顶级技巧，React 组件库 Vue 化移植，同步执行组合式 API。
-
文章浏览阅读200次。技术栈：HTML+CSS+Vue。实例：路飞出海的动画特效。
-
Vue 3 响应式对象：ref 和 reactive 的使用和区别
文章浏览阅读111次，点赞3次，收藏2次。Vue 3 是 Vue.js 的最新版本，它带来了许多新的特性和改进，包括更好的性能、更简单的 API、更好的 TypeScript 支持等等。Vue 3 继续沿用了 Vue 2.x 的开发理念和模式，同时增加了一些新的概念和工具，使得开发者能够更高效地开发前端应用。在 Vue 3 中，有两种主要的方法来创建响应式对象：使用 ref 和使用 reactive。ref 是 Vue 3 中用于创建响应式引用的函数。它返回一个包装过的对象，这个对象的值是可以改变的，但它的引用是不会改变的。
-
使用 vue-3-socket.io 插件以及node.js实现实时聊天
文章浏览阅读190次。这篇文章使用选项式API的写法，以实现群聊和私聊为主。
-
文章浏览阅读174次。前端技术：nodejs+vue+elementui,Express 框架于Node运行环境的Web框架,语言 node.js框架：Express前端:Vue.js数据库：mysql数据库工具：Navicat开发软件：VScode
-
文章浏览阅读84次。2.使用Context API：创建一个上下文（context），父组件提供数据并将其包裹在Provider组件中，子组件通过Consumer组件或useContext Hook来访问该上下文中的值。父组件可以根据需要动态改变传递给子组件的值，子组件则可以根据接收到的值进行相应的渲染和逻辑处理。通过将数据传递给子组件，可以方便地在子组件中访问并展示这些值，从而实现组件之间的数据交流和协作。1.使用Props：父组件将数据通过props属性传递给子组件，在子组件中通过props接收和使用这些值。
-
文章浏览阅读155次。useId 是一个 React Hook，可以生成传递给无障碍属性的唯一 ID。
更多内容请关注公众号【前端开发博客】每日更新
