タグ: Vue.js

設計 開発

■ 目次

  • 概要
  • 準備
  • ソースの見方
  • axiosを使って外部のAPIを叩く
  • インスタンスのライフサイクル

■ 概要

Vue.jsのサンプルを作成したので忘れないようにブログにまとめていく

Hello Worldぐらいなら作れるけどその次は何をしよう…という入門の次にどうするか悩んでいる人向けに以下の内容をまとめる

  • vue-routerを使って、画面を再読み込みをさせることなくURLとコンテンツを切り替えさせる
  • 1ファイルに1コンポーネントずつ、ファイルを分割していく(単一ファイルコンポーネント)
  • コンポーネントからコンポーネントを呼び出す
  • axiosを使って、外部のAPIを叩いてその結果を表示させる

これを学ぶだけでも小規模なWebサイトが作れるようになるはず(多分)

言語 開発