初心者は.vueファイルから始めるべき？

結論

React（やwebpack）経験者はvue-cliを使って始めたほうがいい

そうでなければ、まずCDN版から初めて、楽勝だと思ったらvue-cliに行けばいい

.vueファイルって何？

Vueのコンポーネントの書き方の一つ

公式にはSingle File Componentの略で「SFC」と呼ばれています

他にも何種類か書き方があるので、下記記事に目を通しておくといい

HTML, JS, CSSを１ファイルにまとめて書けるのが利点

部品をどんどん小さくしていく場合に、関連しているものが近くにあるのは便利

Scoped CSSを使うことで、CSS管理が楽になる

.vueファイルってJSじゃないよね？どうやってブラウザから読み込んでるの

hashrockは下記のように理解しています。つまりwebpackによってJSに変換されて、依存しているJSライブラリと結合されて１枚のJSにまとめられるという感じです。設定によっては細かい所が違いますが…

https://gyazo.com/28b35b5d2f9614253dbd9d7231d8f781

※模式図書いたけど自信はないので、間違っていたらtwitterにツッコミ下さい

.vueファイル使ったほうがいいの？

webpackを使ったことのない人は、vue-cliから始めると混乱する可能性がある

最初はCDN版をおすすめしている

本当の初心者向けチュートリアルは、CDN版を使っている場合が多い

vue-cliを使う場合は、jsのビルドについて何が起きるのかおおよそ把握しておく必要がある

そのため、例えばreact経験者などであればvue-cliをいきなり使ってもよさそう

でも使いたい。.vueファイルをどうやって使ったらいいの？

.vueファイルを扱うのであれば、現状vue-cli一択

vue-cliはwebpackをラップしている