はてなブックマーク

##はじめに vue3.0ではtypescriptとの互換性の向上やslotの扱いの変更、suspenseの追加など様々な変更点や機能追加がありますが、今回はその中でもcomposition apiについて触れたいと思います。細かい仕様についてお話するというより、同じアプリケーションを従来のvue2.x(options api)での書き方と、vue3.x（composition api）でどう変わるのか簡単に見ていきたいと思います。 ##composition api って？ 「コンポーネントロジックオン柔軟なコンポジションを可能にする機能ベースのAPIのセット」（ほぼ公式の直訳ですが）とのことです。 また、公式では以下の特徴が挙げられています。 保守性の向上 再利用性の向上 実際に簡単なアプリケーションの実装を通してこれらの変化を確認してみたいと思います！ ##実際にアプリケーションを作

##はじめに 前回に引き続き、vue.jsを触ってみて詰まった所などを備忘録としてまとめてみます。 ##Vue.js（SPA）におけるブラウザバック問題 SPAでの実装に慣れている方からすると初歩的なミスかもしれないが… このような画面遷移を行なっていた時 /hoge⇨/fuga⇨/fuga?page=2 ブラウザバックを行うと /fuga?page=2から/hogeに戻ってしまっていた。 ###考えられる原因 ページネーションでの遷移がhistory.replaceState()だった（現在の履歴エントリーを新しい履歴エントリーに置換する設定） history.pushState()にしたらいけるのでは！？！？ ###history.pushStateにしたものの… URLは/fuga?page=2⇨/fugaへ変わるが、画面が再描画されない！！ 今回作成していたページはAPIを叩いて一