Nuxt.jsのネストした動的ルーティングで困ったので調べてみた - アクトインディ開発者ブログ
morishitaです。 SPAモードで動作するNuxtアプリケーションでネストした動的ルーティングの動作が思ったのと違ったので調べてみました。 やりたかったこと Railsのノリで次のようなパス階層をNuxt.jsでやりたいと思いました。 パス 説明 / サイトトップ。 /groups/:group :groupに対応したグループの詳細。 実際には所属メンバーの一覧 /groups/:group/members/:member グループ:groupに所属する メンバー:memberの詳細。 ※ :group、:memberはそれぞれのID（自然数）です。 複数のグループが存在し、そのそれぞれに所属するメンバーがいるというよくあるアプリケーションです。 期待したこと 公式ドキュメントの動的でネストされたルートを参考に次のようなファイル群を作りました。 pages/ ├── index.vu
Vue.jsでWeb Componentを作ってみた - アクトインディ開発者ブログ
morishitaです。 先日、Web Componentついて書きました。 tech.actindi.net 多くのブラウザで動作できるようになってきていることは確認できました。 ただ、実装方法についてはもっと良い方法がないものかと思いました。 と思っていたら、Vue.jsが Web Components もサポートしているではないですか！ で、やってみました。 環境準備 手っ取り早く試すためにVue CLIを使います。 次のコマンドでインストールできます。 $ yarn global add @vue/cli インストールできたらプロジェクトを作ります。 このエントリではvue-web-componentsという名前で作りますが、 なんでも構いません。 次のコマンドを実行するといろいろ質問されます。 $ vue create vue-web-components 今回は次の様に答えまし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
