そのままでは動かない
Vue.js自体はjQueryやcss同様、適切にライブラリをロードすればそのまま使えるのですが、拡張子.vueの単一ファイルコンポーネントを使おうとするとコンパイルする必要があります。知らずにハマってしまいteratailで教えてもらいました。
手順
webpackというコンパイラ（？）とNode.jsのライブラリがいるらしいのですが、筆者の場合はNode.js入れた時にはwebbpackも入ってました。あやふやですいませんが、Laravelのプロジェクト作った時に初めからwebpackはあったかもしれない。
node -v
npm -v
でバージョンが出ればnode.jsのライブラリは入ってます。
出なかったら
Node.js日本公式サイト(https://nodejs.org/ja/)
でダウンロードしてGUIからダブルクリックとかでインストールする。
次に
npm install -g vue-cli
とやるとVue CLIがインストールされる。・・はずがそうならなかった。
エラーメッセージでググると権限がなくてpermission errorになってるとかで、下記のコマンドを打てばいけると書いてあったので
それからもう一度上のコマンドを実行したらできました。
※メチャクチャ時間かかるコマンドなので注意。私はパッと読んで、「ふーむ、npmをインストールしたディレクトリの配下を再帰的にオーナー権限帰るんだな」と思って実行したら、ユーザーディレクトリ全部見てるの！？って感じの動きになり、30分以上かかりました。途中で放置してシャワーしてきたので正確にはわからないけどすっごくかかります。もっといいコマンドあるかも。
sudo chown -R $(whoami) $(npm config get prefix) / {lib/node_modules,bin,share}
で、できたらまた
npm install
しないとなんかエラー出てた。
続きはまた書く予定です。