vue 2.0はhttpインターフェースからデータを取得し、コンポーネント開発、ルート構成方式

vue 2.0はインターフェースからデータを取得する。

<template>
 <div id="admins">
  <h1>I am a title.</h1>
  <a> written by {{ author }} </a>
  <div v-for="admin in users">
   {{admin.name}}<br>{{admin.password}}
  </div>
 </div>
</template>

<script type="text/javascript">
import axios from 'axios'
export default {
 name: 'admins',
 data () {
  return {
   author: "there is nonthing",
   users:[]
  }
 },
 mounted(){
  this.getAdminList()
 },
 methods:{
   getAdminList(){
   var vm=this; 
   axios.get('/api/admins')
   .then(function(response){
     vm.users=response.data
   })
  }
 } 
}
</script>

<style>
</style>

axiosがhttpを開始したことを解決します。ドメインをまたぐ問題にあうようにお願いします。
config/index.jsを修正します。

proxyTable: {
    '/api': {
    target: 'http://127.0.0.1:8080',//                   http
    changeOrigin: true,
    pathRewrite: {
     '^/api': ''//      ‘/api'  target     ，              api         'http://40.00.100.100:3002/user/add'，   ‘/api/user/add'  
    }
   }
  },

routerの設定

new Router({
 mode:'history',
 base:__dirname,
 routes: [
  {
   path: '/HelloWorld',
   name: 'HelloWorld',
   component: HelloWorld
  },
  {
   path: '/admins',
   name: 'admins',
   component: admins
  }
 ]
})

コンポーネントをロード

import admins from '@/components/HelloWorld'
export default {
 name: 'App',
 data () {
  return {
   Msg: "there is nonthing",
   seen:false
  }
 },
 componets:{
  HelloWorld
 }
}

心得：vueはラベルと属性をカスタマイズすることができます。
開発の過程で、まず簡単に出てくるのは句読点の問題で、次に引用が足りないjsか、あるいはコンポーネントです。
ビデオの書き方とネットに伝わる書き方はかなり違っています。特にhttpインターフェースを使ってデータを取得するか、それともインターネットを参考にしてaxiosを使ってクロスドメインの問題を解決したほうがいいです。また、公式サイトの動画ではcreateでデータの取得を要求していますが、エラーが発生します。mountedを使ってエラーが発生しません。もちろんnpmで管理するなら、まずプロジェクト全体のディレクトリ構造を調べます。了解してから開発します。頭がよくわからないことは避けられます。
以上のvue 2.0はhttpインターフェースからデータを取得しました。コンポーネントの開発、ルートの配置方法は小編纂で皆さんに共有された内容です。参考にしてもらいたいです。皆さんもよろしくお願いします。