Vue params和data传参的介绍

目录

一、 params

params使用条件：

结果：

二、 data

data使用条件

结果：

 三、参数的传递（模板字符串/字符串拼接）

---

一、 params

params使用条件：

1、get形式的传参

2、传的是一个对象

结果：

它会把你参数的内容 最后分散到你地址栏后面的问号

 http://localhost:8888/user/list/1?name=liming

  getChapterVideoByCourseId2(courseObject) {
    return request({
      url: `/eduservice/chapter/getChapterVideo/`,
      method: 'get',
      params: {courseObject}
    });
  },

二、 data

data使用条件

1、前端请求的方式是 post

2、后端的HTTP请求为 @PostMapping，后端的参数上面要写 @RequestBody

3、前端传的是一个对象

结果：

data表示把对象转换成json进行传递到接口里面去 

 三、参数的传递（模板字符串/字符串拼接）

  getChapterVideoByCourseId(courseId) {
    return request({
        url: `/eduservice/chapter/getChapterVideo/${courseId}`,
        method: 'get'
    });
  },

 getChapterVideoByCourseId3(courseId) {
    return request({
      url: `/eduservice/chapter/getChapterVideo/`+ courseId,
      method: 'get'
    });
  },