目次
- 1. vue3のscriptタグ内のメソッドを、外部のtsファイルに定義して呼び出す!
- 2. Markdownのリンクを別タブで開くようにする
- 3. JavaScript での Friedman 検定 の実装
- 4. indexOf の備忘録
- 5. デモページ rgbでランダムな色を出力 [DOMイベント] [JavaScript]
- 6. React 19 の 新機能 useFormStatus を触ってみた
- 7. HTML5 プロフェッショナル認定試験(Level 2)受けてみた
- 8. Azure OpenAIのAssistants APIをJavaScriptで実行してみた
- 9. 暗黙的送信(Implicit submission)について
- 10. Progate JavaScript I~Ⅶを終えての所感
- 11. JavaScript での 反復測定分散分析(Repeated Measures ANOVA) の実装
- 12. ペライチでフラッシュ暗算を作る
- 13. 技術選定において重要な観点の説明と技術選定の手順について
- 14. サーバレスなStreamlit、stliteで遊ぼう!
- 15. JavaScript での Wilcoxon の符号付順位検定 の実装
- 16. 【JavaScript】ちょいムズ用語&テクニックまとめ
- 17. 【Javascript】4種類の関数の宣言方法
- 18. JavaScript: Polar code
- 19. JavaScript での 対応のある t検定 の実装
- 20. Tauri+Svelteで設定情報をリアルタイムで反映させるのに躓いた話
vue3のscriptタグ内のメソッドを、外部のtsファイルに定義して呼び出す!
# 挨拶
こんにちは!
今回がQiita初投稿になります💦
暖かい目で閲覧いただけると幸いです。# この記事でやっていること
Vue3でscriptタグにメソッドを書いているとコードが長くなり読みづらいので、外部のファイルから呼び出し、scriptタグ内のコードを簡潔にすることが目的です。
axiosでバックエンドに接続するAPIを外部ファイルに定義しています!# axiosとは
[vue.jsを使ってaxiosを学ぶ] (https://reffect.co.jp/vue/vue-axios-learn) にて以下のように説明されています。
> axiosはPromiseベースのHTTP ClientライブラリでGETやPOSTのHTTPリクエストを使ってサーバからデータの取得、サーバへのデータ送信を通してデータの追加、更新、削除を行うことができます。# 改善前のコード
“` TaskIndex.vue