タグ

ブックマーク / qiita.com/MariMurotani (2)

  • Vue.jsでAPI通信 - Qiita

    Index 1.VueCLIでHelloWorld 2.Vue.jsでフォームを使おう 3.Vue.jsで単一ファイルコンポーネント 4.Vue.jsでAPI通信 5.Vue.jsで検索アプリ作成 6.おまけ 1. 前提条件 前回の実習を終わらせておくこと 2.axiosとmockeyをインストール VueでAjaxするには何を使えばいいの?っていう話が調べていくときな臭い感じ・・・・・ https://jp.vuejs.org/2016/11/03/retiring-vue-resource/ とりあえず、上記の公式コミュニティでおすすめされてる、axiosを使ってみたいと思います。 var mocky = require('mocky'); mocky.createServer([{ // simple GET route without request body to match

    Vue.jsでAPI通信 - Qiita
  • Vue.jsでフォームを使おう - Qiita

    Index 1.VueCLIでHelloWorld 2.Vue.jsでフォームを使おう 3.Vue.jsで単一ファイルコンポーネント 4.Vue.jsでAPI通信 5.Vue.jsで検索アプリ作成 6.おまけ 1.前提条件 Vue-CLIのインストールを終わらせておく事 サンプルコード 2.フォームを作成 Scene1.vueを編集していきます。 まずは一番単純なテキストボックスとデータバインディングを試してみましょう。 テキストボックスに文字を入力するとそのまま上部に文字が表示されます。 これが有名な「バインディング」という機能です。 STARTボタンを押すとScene2がレンダリングされるようになっています。 <template> <div class="scene1"> <p class="name">NICKNAME: {{ nickname }}</p> <input clas

    Vue.jsでフォームを使おう - Qiita
  • 1