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.

相关推荐
HECHEN****2 天前
Composition API 与 React Hook 很像,区别是什么?
vue·面试题
知识分享小能手2 天前
微信小程序入门学习教程,从入门到精通,项目实战:美妆商城小程序 —— 知识点详解与案例代码 (18)
前端·学习·react.js·微信小程序·小程序·vue·前端技术
cgsthtm2 天前
RuoYi.Net后端返回雪花ID前端精度丢失问题
oracle·vue·精度丢失·雪花id·ruoyi.net
玩代码2 天前
使用 nvm(Node Version Manager) 高效管理Node.js
node.js·vue·nvm
bdawn3 天前
Vue3 项目首屏加载性能优化全攻略
性能优化·vue·策略·分包
Orange_sparkle3 天前
若依使用基本步骤
java·vue
肖祥3 天前
uni-app x封装request,统一API接口请求
vue
阿喵派我来抓鱼3 天前
深入理解 AI 流式接口:从请求到响应的完整解析
react.js·ai·前端框架·vue
Ciito4 天前
查看Vue项目当前的Vue CLI版本号
vue
肖祥4 天前
uni-app x使用uview-plus
vue