spring-boot(4)

1.VueRouter安装与使用

2.状态管理VueX

3.Mock

如果后端没写好,可以通过这个来随机返回前端需要的后端数据,只不过是随机的。

vue:

java 复制代码
  mounted:function (){
  console.log("-------------------------------------Hello");
  axios.get("http://localhost:8080/product/search")
      .then(res => {
        console.log(res);
        console.log("++++++++++++++");
      })
      .catch(error => {
        console.error('错误错误:', error);
      });
},

js:

javascript 复制代码
// mock/index.js
import Mock from 'mockjs';



// 设置延迟时间
Mock.setup({
    timeout: 4000
});

// Mock API
Mock.mock('http://localhost:8080/product/search', 'get',{
    "ret": 0,
    "data": {
        "mtime": "@datetime",   // 随机生成日期时间
        "score|1-800": 800,     // 随机生成1到800数字
        "rank|1-100": 100,
        "stars|1-5": 5,
        "nickname": "@cname",   // 随机生成中文名字
        "img": "@image('200x100','#ffc33','#FFF','png','Fast Mock')" // 图片
    }
});

4.vue-element-admin

5.

6.

相关推荐
梁辰兴3 小时前
企业培训笔记:Vue3前端框架配置
笔记·前端框架·npm·vue·vue3·node
一斤代码10 小时前
vue3 下载图片(标签内容可转图)
前端·javascript·vue
sunbyte15 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DoubleVerticalSlider(双垂直滑块)
前端·javascript·css·vue.js·vue
普宁彭于晏17 小时前
Uni-app 生命周期与钩子:程序的“生命”旅程
uni-app·vue
你喜欢喝可乐吗?1 天前
RuoYi-Cloud 验证码处理流程
java·spring cloud·微服务·vue
魂兮归乡1 天前
B2、进度汇报(— 25/06/16)
经验分享·spring boot·ai·vue·团队开发·课程设计·web app
灰海1 天前
封装WebSocket
前端·网络·websocket·网络协议·vue
布兰妮甜2 天前
开发在线商店:基于Vue2+ElementUI的电商平台前端实践
前端·javascript·elementui·vue
大菠萝学姐2 天前
基于Spring Boot和Vue的高校图书馆座位预约系统的设计与实现
java·vue.js·spring boot·后端·python·mysql·vue
黄焖鸡能干四碗2 天前
系统安全设计方案,软件系统安全设计方案
开发语言·数据库·安全·vue·系统安全