vue项目怎么mock数据

Vue项目可以使用Mock.js进行数据模拟，步骤如下：

1. 安装Mock.js：可以使用npm或者yarn进行安装，命令如下：

   npm install mockjs --save-dev
   # 或者
   yarn add mockjs --dev

2. 创建Mock数据：在项目中创建一个mock文件夹，在该文件夹下创建一个mock.js文件，编写Mock数据，示例代码如下：

   import Mock from 'mockjs'
   
   // Mock数据格式
   Mock.mock('/api/data', 'get', {
     'data|10': [{
       'id|+1': 1,
       'name': '@cname',
       'age|20-30': 25,
       'email': '@email'
     }]
   })

上面的代码表示当请求/api/data接口时，返回一个包含10个对象的数组，每个对象包含id、name、age、email四个属性，其中id从1开始自增，name是随机生成的中文名，age是20~30之间的随机整数，email是随机生成的邮箱。

3. 引入Mock数据：在Vue项目的入口文件（如main.js）中引入Mock数据，示例代码如下：

   import './mock/mock'

4. 使用Mock数据：在Vue组件中发起请求时，请求的地址应该和Mock数据中定义的地址一致，示例代码如下：

   import axios from 'axios'
   
   axios.get('/api/data').then(res => {
     console.log(res.data)
   })

上面的代码表示发起一个GET请求，请求地址为/api/data，请求返回的数据为Mock数据中定义的数据。