質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Q&A

0回答

519閲覧

Vue.js Vue Routerを既存のLaravelプロジェクトに取り入れる方法

seastar

総合スコア62

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

0グッド

0クリップ

投稿2021/10/10 07:03

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ファイルを画面ごとに分割する)
など、全体の流れ、参考サイトがあれば教えて頂けると幸いです。よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問