vue 怎么拿单页面数据呢？

[rockts]

 data() {
    return {
      CategoryList: [],
    };
  },

  created() {
    // 获取类型列表数据
    this.getCategorys();
  },

  methods: {
    async getCategorys() {
      try {
        // 请求类型列表接口
        const response = await apiHttpClient.get('/categorys');

        // 设置组件的数据
        this.CategoryList = response.data;
      } catch (error) {
        console.log(error.response);
      }
    },
  },

现在可以拿到 category list ，那怎么取 category/:categoryId 这个数据呢？

说的直接点 怎么可以 url category/1 数据输出到页面上。

[wanghao]

需要什么数据，就要请求对应的接口。比如你在单个内容组件里，需要单个内容数据，就需要请求单个内容接口，得到对应的数据。

在 vue 课程里，应用结构那个课程里，我们实现了内容列表页面，与单个内容页面。可以参考：

ninghao/ninghao-vue

[rockts]

内容详情页取到了～

接下来可以把 post 的方法用到我项目 category 里面了。