z5337 - 博客园

2025年2月5日

摘要：来自：kimi.com 在 Vue.js 中，Vuex 是一个专为 Vue 应用设计的状态管理模式，用于集中管理应用的状态。Vuex 的核心概念包括 State、Getters、Mutations 和 Actions。以下是对这些概念的详细解释以及它们的用法示例。 1. State state 是阅读全文

posted @ 2025-02-05 17:43 z5337 阅读(56) 评论(1) 推荐(0)

【转】[Vue] 数据的共享

摘要：来自：kimi.com 在 Vue.js 中，共享数据的读写通常涉及到多个组件之间的数据共享。Vue 提供了多种方式来实现组件间的数据共享，包括 props、事件、Vuex 和 provide/inject 等。以下是这些方法的详细介绍和示例代码。 1. 使用 props 和事件 props 是父组阅读全文

posted @ 2025-02-05 17:09 z5337 阅读(119) 评论(3) 推荐(0)

【转】[Vue] route 路由的使用

摘要：来自：kimi.com 在 Vue.js 中，路由（route）通常用于实现单页面应用（SPA）的页面切换和导航功能。Vue 的路由功能是通过 vue-router 库实现的。以下是一个简单的 vue-router 定义示例，展示如何配置路由规则以及如何在 Vue 应用中使用路由。示例代码 1. 阅读全文

posted @ 2025-02-05 13:57 z5337 阅读(113) 评论(5) 推荐(0)

【转】[JavaScript] 将一组对象生成一个树形结构

摘要：来自：kimi.com 以下是一个用 JavaScript 实现的代码示例，用于将一组对象按 pid（父级ID）和 id（当前对象ID）属性建立父子关系。最终会生成一个树形结构的数组。 JavaScript复制 // 示例数据 const items = [ { id: 1, pid: null, 阅读全文

posted @ 2025-02-05 11:13 z5337 阅读(102) 评论(0) 推荐(0)

【转】[Vue] ElementUI 表格+分页

摘要：来自：黑马程序员  <template> <div> <el-table v-bind:data="students"> <el-table-column label="编号" prop="id"></el-table-column> <el-tabl 阅读全文

posted @ 2025-02-05 10:44 z5337 阅读(34) 评论(0) 推荐(0)

2025年1月27日

【转】[Vue] 父子组件示例

摘要：子组件代码片段： <template> <div class="button" :class="[type, size]"> a<slot></slot> </div> </template> <script> const options = { props: ["type", "size"] } 阅读全文

posted @ 2025-01-27 11:20 z5337 阅读(32) 评论(0) 推荐(0)

【转】[Vue] props 介绍

摘要：转自：kimi.com 在Vue.js中，props 是组件之间通信的一种方式，用于将数据从父组件传递到子组件。props 是子组件接收父组件传递的数据的接口，使得子组件可以接收并使用父组件提供的数据。以下是props的主要作用和使用场景： 1. 数据传递 props 允许父组件将数据传递给子组件，阅读全文

posted @ 2025-01-27 11:03 z5337 阅读(108) 评论(0) 推荐(0)

【转】[Vue] slot 的用法

摘要：转自：kimi.com 在Vue.js中，slot 是一个非常强大的功能，用于实现组件的可定制性。它允许父组件向子组件插入自定义内容，从而提高组件的复用性和灵活性。以下是slot的主要作用和使用场景： 1. 内容分发（Content Distribution） slot 允许父组件在子组件的特定位置阅读全文

posted @ 2025-01-27 10:58 z5337 阅读(118) 评论(0) 推荐(0)

【转】[Vue] 加载数据并显示为表格

摘要： <template> <div> <h1> User Data</h1> <div class="thead"> <div class="row bold"> <div class="col">编号</div> <div class="col">姓名</div> <div class="col">性阅读全文

posted @ 2025-01-27 10:49 z5337 阅读(36) 评论(0) 推荐(0)

【转】[http] 常用的HTTP状态码及其含义

摘要：转自：kimi.com 状态码是HTTP协议中的一部分，用于表示服务器对客户端请求的响应状态。以下是一些常用的HTTP状态码及其含义： 1xx（信息性状态码） 100 Continue：服务器已接收到请求的第一部分，正在等待其余部分。 101 Switching Protocols：服务器根据客户端阅读全文

posted @ 2025-01-27 10:19 z5337 阅读(198) 评论(0) 推荐(0)