【Vue.js】componentを作りたい！

グローバルコンポーネント

See the Pen
xvEygO by りっしー (@hiwriterprogram)
on CodePen.

グローバルコンポーネントは全てのVueインスタンスで使用可能

ローカルコンポーネント

See the Pen
eqdPEm by りっしー (@hiwriterprogram)
on CodePen.

ローカルコンポーネントはインスタンスのスコープ内でのみ使用可能。
できるだけ汎用性のあるコンポーネント以外はローカルで登録しましょう。

注意点

コンポーネントはルートインスタンスが生成される前に宣言しておく必要があるため、new Vueする前に宣言しておきましょう。