フォロー機能はLaravelと、Vue.jsで実装してる
フォローボタンと、フォロ数、フォロワー数の連携以外の部分は下記を見れば実装することができる。
https://www.youtube.com/watch?v=ImtZ5yENzgE

フォロー機能については主に下記２点が大事と思う
１．ユーザー登録機能がないとできない。
　　- Laravelの認証機能で簡単に実現できる
２．DBの設計では多対多であるユーザーテーブルと、プロファイルテーブルを持つことが必要。

npmの準備

LaravelはVue.jsが標準搭載されていまして、前準備はNode.jsをインストールしてnpmの使用
ができるようにするだけ。

   sudo yum install nodejs npm --enablerepo=epel

   npm install -g npm

   npm install vuex --save

   cd /path/to/laravel /* Laravelルートディレクトリへ移動 */
   npm install

   cd /path/to/laravel /* Laravelルートディレクトリへ移動 */
   npm run watch

以上でLaravel上のVue.jsがちゃんと動くはず！

ディレクトリの構成

ソースコードはgithubにアップする。後ろの部分にリンクを貼る。

スコープ関係で他コンポーネントにthisで参照する事ができないが、Vuexを使うことでコンポーネントの間で同一のデータを共有することが出来る。特に非親子コンポーネント間の通信はストアVuexを使わないと混雑になる。
js/store/store.jsについて詳しく説明する
store.js

15行目followUserメソッドはフォローボタンがクリックされた時のアクション、VuexではStoreの状態を変えるactionはすべてstore自身の中にないといけないため、フォローボタンのコンポーネントに書いていない。

１６行目axios.postはaxios(Promise)で非同期通信を行ってる。ここでサーバーにフォローと、フォローの解除を行う処理してる。

17行目はPromiseのthen()を使うコールバック処理、成功した場合は「true」を25行目.thenに渡して、フォローと、フォローの解除をした後のフォロ数、フォロワー数を数えてストアに反映させる。

GitHub
https://github.com/iwaoo/laravel_login