37 课程列表前端

1.# 拼接，会将params的内容拼到？后面

this.$axios.get(`${this.$settings.base_url}/course/course_list/`, {
params: {ordering:price,course_category:1}
})

/course/course_list/?ordering=price&course_category=1

2.监听属性

 3.this.$route与this.$router

this.$route  # 是当前路由对象，parmas  :绑定的值   query：？拼接的值
        
  例： { path: '/course/detail/:id',
       name: 'CourseDetail',
       component: ActualCourseDetail}

       console.log(this.$route.params.id)    #访问http://192.168.12.30:8080/course/detail/1，可以取出id为1

       console.log(this.$route.query.name)     #访问http://192.168.12.30:8080/course/detail/？name=18   可以取出18

this.$router # 全局路由 

this.$router.go(-1) # 回退到上一个地址

？拼接的值在query里面取，

console.log(this.$route.query.age)

实战课页面 ActuaCourse.vue

ActualCourseDetail.vue(当点击实战课的某一个课程，跳转到此页面)