javascript:vuejs:dokuwiki_rest_api_sample [ともやん・どっと・ねっと]

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

<html>
  <script src="/_media/javascript/requirejs/require-2.3.6.min.js?cache=recache"></script>
  <script>
    self.DEBUG = true;
  </script>
  <script src="/_media/javascript/requirejs/settings.js?cache=nocache"></script>
</html>
====== DokuWiki REST API Vue.js サンプルアプリ ======
<html>
  <div id="doku-vuejs-app">
    <p>Vue.js version: {{ vue_ver }}</p>
    <p>Response Data(status: {{ response.status }}):</p>
    <pre>{{ response.data }}</pre>
    <p>axios response:</p>
    <pre>{{ response }}</pre>
  </div>
  <script>
    "use strict";
    
    let doku_vuejs_app;
    
    require(['Vue','axios'], (Vue, axios) => {
      doku_vuejs_app = new Vue({
        el: '#doku-vuejs-app',
        data: {
          vue_ver: Vue.version,
          response: '',
        },
        created: function() {
          axios.get('/lib/exe/ajax.php?call=api')
            .then(response => {
              this.response = response;
            });
        }
      });
    });
  </script>
</html>
※Vue.js, REST API バージョンを表示するだけの簡単なサンプルアプリケーション。\\