1、创建页面

  1. taro create --name detail
  1. app.config.js  
  3. pages: [
  4.     'pages/index/index',
  5.     'pages/detail/index'
  6.   ],

2、引入axios

  1. yarn add axios
  1. //app,js
  3. import axios from 'axios'
  5. Vue.prototype.$http = axios;

3、发送请求

  1. //index.vue
  3. mounted() {
  4.     this.$http(`http://47.108.197.28:4000/api/movie/top250`).then((res) => {
  5.       this.movies = res.data.res;
  6.     });
  7.   },

4、路由跳转传值

  1. //index.vue
  3. import Taro from "@tarojs/taro";
  5. goDetail(event) {
  6.       // console.log(event);
  7.       var { id } = event.target;
  8.       // console.log(id);
  9.       Taro.navigateTo({
  10.         url: `/pages/detail/index?id=${id}`,
  11.       });
  12.     },
  1. //detail/index.vue
  3. import Taro from "@tarojs/taro";
  5. created() {
  6.     this.$instance = Taro.getCurrentInstance();
  7.   },
  8.   mounted() {
  9.     console.log(this.$instance.router.params);
  10.     var { id } = this.$instance.router.params;
  11.   }