查询到最新的12条
Vue 开发电商后台管理系统 一、阶段总结二、项目技术栈2.1 前端2.2 后端2.3 数据库 三、项目概要3.1 开发流程3.2 项目预览 四、学习资源五、招贤纳士 一、阶段总结 该项目偏向前端更多一点，后端 API 服务是已经搭建好了的，我们只需要用既可以，（但是作为一个 全栈开发人员，它的数据库的表设计，Restful API 的设计是我们要着重学习的！！& 继续阅读
系列文章目录 文章目录 系列文章目录前言一、什么是分页器？二、利用 slice() 方法实现分页器的基本思路三、示例代码实现分页器总结 前言 在 Vue 前端开发中，实现分页功能是常见的需求之一。而利用 JavaScript 的 slice() 方法可以轻松实现分页器的功能，提供用户友好的界面和流畅的分页体验。本文将详细介绍如何利用 slice() 方法实现分页器，帮助您在 Vue 项目中实现高效的分页功能。 继续阅读
1.Vue2 Vue Router是Vue.js官方的路由管理器，它能够帮助我们在Vue应用中实现页面之间的跳转和导航。在本篇博客中，我们将介绍如何在Vue 2中使用Vue Router，包括路由的配置、路由参数的传递和导航守卫的使用。 1.安装和配置Vue Router 首先，我们需要在Vue项目中安装Vue Router。使用npm或者yarn命令进行安装 npm install vue-router 安装完成后&#x 继续阅读
目录： （1）axios-响应格式 （2）axios-拦截器 （3）vue2-条件渲染 （4）vue2-列表渲染 （1）axios-响应格式 下面看axios的返回响应对象的内部组成 后端跨域的配置：可以在启动类这里做全局的配置 data部分： 响应头ÿ 继续阅读
本文将详细阐述如何在 Vue 中往数组中添加字母 key，并从多个方面探讨实现方法。 一、Vue 中添加字母 key 的实现方法 在 Vue 中，添加 key 可以使用 v-bind 绑定到元素或组件上，在循环渲染的元素或组件上添加唯一的 key，Vue 会根据 key 进行优化，减少不必要的 DOM 操作。 通过以下代码可以实现在列表中往每个元素添加字母类型的 key： <template> <ul> <li v-f 继续阅读
==>😉博主：初映CY的前说(前端领域) ,📒本文核心：setup()概念、 reactive()的使用 目录⭐一、组合式API对比vue2项目结构在vue2当中在vue3当中⭐二、setup()函数的使用2.1setup()函数的基础概念2.2.setup()初体验2.3.reactive()函数2.3.1reactive()的进一步抽离2.3.2reactive()再进行进一步文件拆分并且引入 继续阅读
1. 导航栏样式 背景色 位置：src/layout/components/Navbar.vue 类名：.navbar // 比如背景色等 background: #1b2535; 右侧图标（全屏等） .right-menu-item {display: inline-block;padding: 0 8px;height: 100%;font-size: 18px;color: #5a5e66;vertical-align: 继续阅读
导入的时候，提示下面这句 找不到模块“@/Layout/index.vue”或其相应的类型声明 会报错的原因是，ts.config.json配置文件里的include字段里的后缀文件，ts在找它的时候，路径有问题，没找到 解决方案 配置baseurl字段 明确指定根目录是ts.config.json文件所在的当前文件夹 配置paths字段 用@/* 代替src/* 配置了这两个字段&#x 继续阅读
文章目录 1.使用事件委托为子节点绑定事件2.e.target和this的区别3.vue中如何获取DOM节点?方法一:通过事件源来获取当前点击的节点方法二:通过ref来获取当前点击的节点方法三:使用自定义指令来获取当前点击的节点 1.使用事件委托为子节点绑定事件 <body><ul onclick="func(event)"><li>1</li><li>2</li><l 继续阅读
vscode -文件-用户代码片段 {"vue3 template": {"prefix": "vue3","body": ["<template>"," <div>","$1"," </div>","</template>\n","<script lang=\ 继续阅读
动态组件[1]是 Vue3 中非常重要的一个组件类型，它可以让我们在不同的场景下灵活地渲染不同的组件。 ✨ 快速上手 使用动态组件非常简单，我们只需要在模板中使用 <component> 标签，并通过设置组件的is 属性来指定要渲染的组件。例如： <component :is="currentComponent"></component> 其中，currentC 继续阅读
目录 Websocket socket.io Socket.iO 事件名总结： Socket.IO 方法总结 Websocket 作用： WebSocket 仍然提供实时的双向通信功能，使用Vue3 应用程序能够与服务器进行实时数据交换降低延迟和网络开销：相比传统的HTTP请求-响应模式，WebSocket建立了持久连接，减少了网络开销和延迟，适用于需要实时数据更 继续阅读
