1.VueRouter安装与使用

2.状态管理VueX

3.Mock

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

vue:

  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:

// 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

一般只要下前面两个，集成还是基础的，所以我就下了这两个而已

这里我运行的是基础模块的那个

需要修改点配置，改为false

然后可能还是运行不来，cmd命令运行不了，可以在这里直接运行就ok了，期间我还弄了这个，不知道也没有影响

vscode运行中npm run dev报错出现问题的原因_vscode npm run dev-CSDN博客

运行结果就是这样的了

5.