[TOC]
步骤如下:
课程信息
props 接收路由参数 courseId
引⼊ course.js 中的 getCourseById 接⼝并请求数据
绑定数据
账户信息
从 store 中读取⽤户信息
使⽤计算属性将⼿机号中间 4 位替换为 **
// pay/index.vue
…
<img :src=”course.courseImgUrl“ alt=“”>
<div class=“price-info”>
<div class=“course-name”v-text=”course.courseName“></div>
<div class=“discounts”>¥{{ course.discounts }}</div>
</div>
</van-cell>
<van-cell class=“account-info”>
<div>购买信息</div>
<div>购买课程后使用此账号登录【拉勾教育】学习课程</div>
<div class=“username”>当前账号:{{ username }}</div>
</van-cell>
…