<ul v-if="dataHasLoaded">
  <li>引擎版本資訊: {{ver}}</li>
  <li>系統型別: {{sType}}</li>
  <li>系統版本: {{sVer}}</li>
  <li>裝置標識: {{id}}</li>
  <li>裝置型號: {{model}}</li>
  <li>裝置名稱: {{name}}</li>
  <li>網路狀態: {{cType}}</li>
  <li
 
>主視窗名字: {{winName}}</li>
  <li>主視窗寬度: {{winWidth}}</li>
  <li>主視窗高度: {{winHeight}}</li>
  <li>子視窗名字: {{frameName}}</li>
  <li>子視窗寬度: {{frameWidth}}</li>
  <li>子視窗高度: {{frameHeight}}</li>
</ul>

  import { Navbar, TabItem } from 'mint-ui'
 
;
  export default {
    name: 'coach',
    data () {
      return {
        dataHasLoaded: false,、、、寫上
        selected: 'this is page'
}
    },methods:{
   pp:function () {
     this.$router.push({path:'/coach_space'})
   },
      index:function () {
        this.$router.push({ path: '/' })
      },
      go
 
:function () {
        // getData() {
this.$http.get('http://hjkkh.haopingzhushou.com/admin.php/api/test').then(response => {
            console.log(response.data)
          }, response => {
            // error callback
})
        // }
},
      goIndex:function () {
        window.location.hash = '/'
},
    },
    created() {
      this.ver = api.version;
      this.sType = api.systemType;
      this.sVer = api.systemVersion;
      this.id = api.deviceId;
      this.model = api.deviceModel;
      this.name = api.deviceName;
      this.cType = api.connectionType;
      this.winName = api.winName;
      this.winWidth = api.winWidth;
      this.winHeight = api.winHeight;
      this.frameName = api.frameName || '';
      this.frameWidth = api.frameWidth || '';
      this.frameHeight = api.frameHeight || '';
      this.dataHasLoaded = true;
    }
  }
</script>