[TOC]
步骤如下: 课程信息 props 接收路由参数 courseId 引⼊ course.js 中的 getCourseById 接⼝并请求数据 绑定数据 账户信息 从 store 中读取⽤户信息 使⽤计算属性将⼿机号中间 4 位替换为 ** // pay/index.vue <img :src=”course.courseImgUrlalt=“”> <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>