Vue3 ライブラリ「vue-share-buttons」を使用してシェアボタンを実装する

Vue3 ライブラリ「vue-share-buttons」を使用してシェアボタンを実装する

ライブラリ「vue3-treeselect」を使用して、ツリー状で選択可能なセレクトボックスを実装することが可能です。ここでは、「vue3-treeselect」を利用するための手順と簡単な使い方を記述してます。

環境

  • OS  Rocky Linux release 8.4 (Green Obsidian)
  • node v14.17.3
  • npm 7.19.1
  • yarn 1.22.10
  • @vue/cli 4.5.13

Vue3環境構築

vue-cliを使用して構築してます。

vue-share-buttonsインストール

yarnを使用して、インストールします。

yarnがインストールされていない場合は、以下のコマンドでインストール可能です。

vue-share-buttons使い方

src配下のApp.vueを下記のように編集します。

起動

起動します。

ブラウザから http://プライベートIP or localhost:8080にアクセスすると、シェアボタンが実装されていることが確認できます。