@[TOC](自学前端开发 - VUE 框架 (四) 组合式 API) vue2 中使用的是选项式API，到 vue3 中引入了组合式API。选项式API易于学习和使用，写代码的位置已经约定好了，但是代码组织性差，相似的逻辑代码不便于复用，逻辑复杂代码多了不好阅读。而组合式API在功能逻辑复杂繁多情况下，各个功能逻辑代码组织再一起，便于阅读和维护，缺点是需要有良好的代码组织能力和拆分逻辑能力。在学
转载
2024-06-23 20:14:04
99阅读
# 使用 Vue 和 Axios 调用后台 API 接口的完整指南
这篇文章旨在引导初学者学习如何在 Vue.js 项目中使用 Axios 调用后台 API。我们将涵盖整个流程，并逐步讲解每一步所需的代码和步骤。
## 1. 流程概述
我们将用表格的形式展示整个流程，包括主要步骤和每一步的简要说明：
| 步骤 | 说明 |
|------|------|
| 1 | 创建 Vue 项
今天突发奇想想从零开始搭建一个vue项目，为什么会有这样的想法呢？我从开始接触vue到现在已经一年了，但是我从开始接触到现在其实都没有自己完整的做一个项目。要不是半路加入项目组，要不就是在别人的初始框架上进行二次开发，要不就是给别人开发完成的项目擦屁股。所以我想着我从零开始搭建一个Vue项目应该会让我对vue的整体架构会有着更深的理解。话不多说，让我们开始第一期的开发。1）环境搭建Node环境网上
目录一、搭建vue项目1、更换npm镜像2、使用vue-cli3脚手架构建项目3、创建项目4、用VScode打开二、登录页面1、使用Element ui2、整理app.vue3、删掉一些没有用到的组件4、新建Login.vue组件5、在router/index.js引入组件并配置路由6、访问http://localhost:8080三、后端环境搭建1、创建springboot项目2、创建数据库并导
###
Vue学习（后端）
Vue安装-引入文件安装，直接在官网下载
vue.js引入项目中
-直接引用CDN
-NPM安装（构建大型应用使用，在这不用）
-命令行工具（构建大型单页应用，在这不用）
Vue基本代码结构<div id="root">{{msg}}</div>
<script type="text/javascript">
new
Vue({
转载
2024-04-05 13:59:25
67阅读
本文实现了三种（也就是官方所讲的前三种，最后一种不想试了）：方法一：在项目中改变 SCSS 变量项目使用scss时，创建自定义的scss文件，写入一下内容/* 改变主题色变量 */
$--color-primary: teal;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import
转载
2024-03-06 03:30:59
52阅读
vue如何用axios调用现成的api● 准备阶段● 现成的api接口● 了解一点css了解一点vue● 操作阶段● 如何获得免费的api接口● 这里我用的是天行的接口，里面有很多免费调用的接口https://www.tianapi.com/source/7bb07dcc27● 选择自己想要的api● 注册登录网站后，
转载
2023-07-04 15:17:02
327阅读
最终效果gif本想录制一个视频的，但是好像不支持文章的最后会给出一个完整的例子相关的数据结构input输入框部分点击 颜色, 尺寸, 重量 会生成 sku_arr数据结构sku_arr: [
{ attr:"颜色", valueList:["黑","白"] },
{ attr:"尺寸", valueList:["大","中"] }
]复制代码table表格头的数据table_c
转载
2021-01-23 19:31:04
3140阅读
2评论
# Java Vue后台框架概述
在当今的互联网开发中，前后端分离的架构已经成为主流。Java作为强大的后端编程语言，与Vue.js这样高效的前端框架组合，可以构建出高效而灵活的Web应用程序。本文将为大家介绍Java与Vue结合的后台框架，并通过示例代码帮助理解其基本使用方法。
## 1. 技术栈概述
### 1.1 Java后端
Java后端通常使用Spring Boot作为Web框架
Rust 风格团队宣布成立随着 Rust 语言的发展，经常需要改进样式指南，例如支持新的语言结构(比如 let-chain / let-else 等新语法)，像这样的新结构会被 rustfmt 忽略且不格式化，随后需要添加格式化。并且 rustfmt 的向后兼容性也阻碍了 Rust 代码风格的演变。为了解决这两个问题，RFC 3309重振了 Rust 风格的团队，它有三个目标：确定新 Rust 结
# Vue调用Java后台的实现指南
在前后端分离的开发模式中，Vue作为前端框架，常常需要与Java后台进行交互。本文将为您展示如何实现这一流程。我们将通过表格形式概述步骤，并详细阐述每一步所需的代码与实现细节。
## 流程概述
以下是Vue调用Java后台的基本流程：
| 步骤 | 描述 |
|------|------|
| 1 | 在Java后台创建一个RESTful API
SpringBoot+Vue+ElementUI实现导入和导出1.导出数据1.1.后端需要导入的maven依赖1.2编写controller1.3 前端代码2. 导入数据2.1 编写后端代码2.2 前端代码3.遇到的一些细节问题3.1 时间日期格式的转换3.2 LocalDateTime和Date的相互转换3.3 response响应回去的中文数据乱码 1.导出数据1.1.后端需要导入的mave
转载
2024-09-03 09:02:17
102阅读
目录一、创建项目创建工程创建登录页面二、创建登录页面1.创建首页视图，在views目录下创建一个名为Main.vue的视图组件：2.创建登录页视图在views目录下创建名为Login.vue的视图组件，其中el-*的元素为ElementUI组件； 组件 --> 路由3.创建路由，在rou
一、设置 main.js // 1.引入 import * as API from '@/api'; new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 2.原型 Vue.prototype.$AP
### 实现Vue调用API的流程
首先，让我们来看一下实现Vue调用API的整个流程：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建一个Vue实例 |
| 2 | 在Vue实例中定义一个方法来调用API |
| 3 | 在Vue组件中调用这个方法 |
| 4 | 处理API返回的数据 |
接下来，让我们一步一步来实现这个流程。
#### 步骤一：创建一个Vue实
原创
2024-05-28 10:17:42
154阅读
一、Vue.directive 自定义指令一、什么是全局API？全局API并不在构造器里，而是先声明全局变量或者直接在Vue上定义一些新功能，Vue内置了一些全局API，比如要学习的指令Vue.directive。说的简单些就是，在构造器外部用Vue提供给API函数来定义新的功能。二、Vue.directive自定义指令我们在第一季就学习了内部指令，我们也可以定义一些属于自己的指令，比如要定义一个
原创
2018-03-17 11:44:19
2352阅读
点赞
1评论
Vue.extend( options ) 参数： {Object} options 用法： 使用基础 Vue 构造器，创建
原创
2022-12-13 10:51:52
119阅读
# 如何实现“高德 API Java 后台”
## 流程图
```mermaid
flowchart TD
A(准备工作) --> B(引入高德 API 依赖)
B --> C(配置高德 API 密钥)
C --> D(调用高德 API)
D --> E(处理 API 返回结果)
```
## 整体流程
| 步骤 | 操作 |
| ---- | ---- |
原创
2024-03-29 04:22:28
166阅读
