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.

相关推荐
寻觅~流光11 小时前
封装---统一封装处理页面标题
开发语言·前端·javascript·vue.js·typescript·前端框架·vue
好青崧12 小时前
单页面和多页面的区别和优缺点
前端·vue
程序猿小D12 小时前
[附源码+数据库+毕业论文+答辩PPT+部署教程+配套软件]基于SpringBoot+MyBatis+MySQL+Maven+Vue实现的交流互动管理系统
spring boot·mysql·vue·mybatis·毕业论文·答辩ppt·交流互动
好青崧18 小时前
v-show和v-if的区别
vue
一笑code2 天前
UC浏览器PC版自2016年后未再更新不支持vue3
前端·vue
咔咔一顿操作2 天前
Cesium实战:交互式多边形绘制与编辑功能完全指南(最终修复版)
前端·javascript·3d·vue
梁辰兴3 天前
企业培训笔记:Vue3前端框架配置
笔记·前端框架·npm·vue·vue3·node
一斤代码3 天前
vue3 下载图片(标签内容可转图)
前端·javascript·vue
sunbyte3 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DoubleVerticalSlider(双垂直滑块)
前端·javascript·css·vue.js·vue
普宁彭于晏3 天前
Uni-app 生命周期与钩子:程序的“生命”旅程
uni-app·vue