vuearch-select パッケージの構築で学んだこと

数か月前、私は特定の方法で物事を表示するためにカスタム選択が必要なアプリケーションに取り組んでいました。明確にするために、次のように選択ドロップダウンを表示する必要がありました: "firstName LastName | StaffId"

構築中のアプリケーションに実装する必要があったため、これにはパッケージを使用したいと思いました。そこで、これに役立つパッケージを入手するためにインターネットや検索エンジンなどをサーフィンしましたが、そのような機能を提供するパッケージはありませんでした。このため、どのように進めるのが最善かというジレンマに陥りましたが、数時間の検討の後、選択コンポーネントを自分で構築する必要があるという結論に達しました。

これは大変なことになるだろうとは分かっていましたが、準備はできていました。結局のところ、プログラミングとは問題解決がすべてです。

カスタム選択コンポーネントを正常に構築しました。完成させた後は正常に動作しました。これは私が構築していたサイド プロジェクトだったので、完成までに約 2 週間かかりました。

カスタム コンポーネントを完成させた後、「このコンポーネントを Vue パッケージとしてコミュニティと共有したらどうなる?」と考えました

そこで、実際には最初のパッケージとなる新しい NPM プロジェクトを作成し、vue3-search-select.

という名前を付けました。

パッケージはこちらからご覧ください

vue3-search-select - npm

軽量で汎用性の高い Vue の検索および選択パッケージにより、項目の効率的な検索、選択、変更が可能になります。最新バージョン: 1.0.10、最終公開日: 2 か月前。 「npm i vue3-search-select」を実行して、プロジェクトで vue3-search-select の使用を開始します。 npm レジストリには、vue3-search-select を使用する他のプロジェクトはありません。

npmjs.com

このパッケージの構築から学んだ教訓は次のとおりです

• プログラミングでは何でも可能です。
• 何か重要なことを行うには、信念、不屈の精神、献身が重要です。
• パッケージを構築すると、プログラミング スキルが大幅に向上し、自分の能力を発揮できます。
• 最後に重要なことですが、コミュニティは何らかの形であなたの成長を助けてくれました。コミュニティに恩返しをしてみませんか。

これは、vue3-search-select パッケージを構築した私の経験です。コミュニティのために何かを構築しようと考えている人がこれをインスピレーションとして受け取ってくれることを願っています。

コーディングを楽しんでください!

以上がvuearch-select パッケージの構築で学んだことの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。