实现步骤分析

• 导入axios
• 查看接口文档
• 在created中发送请求
• 页面动态渲染

代码实现

接口文档

 请求地址: https://mock.boxuegu.com/mock/3083/articles/:id
 请求方式: get

在created中发送请求

export default {
    data() {
        return {
            articleDetail:{}
        }
    },
    async created() {
        const id = this.$route.params.id
        const { data: { result } } = await axios.get(
            `http://mock.boxuegu.com/mock/3083/articles/${id}`
        )
        this.articleDetail = result
    },
}

页面动态渲染

  
  
    
    

      
{{articleDetail.stem}}
      
{{articleDetail.createAt}} | {{articleDetail.views}} 浏览量 | {{articleDetail.likeCount}} 点赞数
      

        
        {{articleDetail.creatorName}}
      
    
    
      {{articleDetail.content}}