Vue.jsを使ったシングルページアプリケーションで、
・入力画面の表示
・入力内容の確認
・入力内容の登録
上記を、1つのHTMLでv-ifを使い表示を分けています。
上記の場合URLが変わらないので、URLを動的に変更したいですが、既存のプロジェクトにVue-routerを取り入れてURLを変更する方法が分かりません。
参考サイト
https://qiita.com/567000/items/dde495d6a8ad1c25fa43
新規プロジェクト作成からの例は見つけましたが、既存のものを編集する方法が分からないため、分かる方いましたらご教示お願いいたします。
現在のフィル構成は、
sample.vueファイルが1つ
htmlファイルが1つ
vueをインポートするjsファイルが1つです
知りたいこと
インストールが必要なもの
URLが必要な場合に最低限必要なファイル構成(.vueファイルを画面ごとに分割する)
など、全体の流れ、参考サイトがあれば教えて頂けると幸いです。よろしくお願いします。
あなたの回答
tips
プレビュー