プロジェクト in JavaScript Skill Tree

Vue.js で検索候補を実装する

初級

このプロジェクトでは、Vue.js 2.x を使用して入力検索候補機能を実装する方法を学びます。この機能は、ユーザーが検索入力欄に文字を入力する際に、一致するデータのリストを提供するために、Web アプリケーションで一般的に使用されています。

JavaScriptVue.js

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

このプロジェクトでは、Vue.js 2.x を使って入力検索サジェスト機能を実装する方法を学びます。この機能は、Web アプリケーションで一般的に使われ、ユーザーが検索入力欄に入力する際に一致するデータのリストを提供します。

👀 プレビュー

Vue search suggestions demo

🎯 タスク

このプロジェクトで学ぶことは以下の通りです。

  • データテーブルのテーブルヘッダーの先頭文字を大文字にする方法
  • ユーザーの入力に基づいて検索サジェスト機能を実装する方法

🏆 成果

このプロジェクトを完了すると、以下のことができるようになります。

  • v-forv-model のような Vue.js のディレクティブを使って DOM を操作する
  • Vue.js でコンピュートドプロパティを作成して、検索結果をフィルタリングして表示する
  • テーブルと検索入力に基本的なスタイルを適用する

講師

labby

Labby

Labby is the LabEx teacher.