[TOC] ### 1. 在src下新建models文件，再新建http.js ~~~ import axios from 'axios-jsonp-pro'; var baseUrl="https://douban.uieee.com/v2/movie/"; class HTTP { //params={}为url后面跟的参数 start、count、id ... //不用向小程序那样将参数拼接在url后面 request({url,method="jsonp",data={},params={}}){ return axios({ url:baseUrl+url, method, data, params }) } } export {HTTP}; ~~~ ### 2. 在models文件新建MovieModel.js再次封装 ~~~ import {HTTP} from "./HTTP"; class MovieModel extends HTTP { getTop250(){ return this.request({ url:"top250" }) } getComingSoon(){ return this.request({ url:"coming_soon" }) } } export {MovieModel}; ~~~ ### 3. 在pages下的.vue文件中使用 ~~~ <template> <div class="home"> <p>{{msg}}</p> </div> </template> <script> import {MovieModel} from "../models/MovieModel"; const movieModel = new MovieModel(); export default { name: "Home", data(){ return { msg:"hello world" } }, created(){ movieModel.getTop250().then(res=>{ var title = res.subjects[0].title; this.msg = title; }) } }; </script> <style lang="scss" scoped> .home { text-align: center; } </style> ~~~