vue-cliでのVueインスタンスの記述について
背景
Vue-cliを使うと、Vueと違ってVueインスタンス部分のdataやmethodsなど、
-
data:→data()
のように書き方が少し違う（自分はググって出てきた記事等を参照して書いていた）が、こちらは公式のガイド等はないのだろうか
結論
同じ種類のコンポーネントの異なるインスタンス間で、独立した data を扱うために、data はオブジェクトではなく、オブジェクトを返す関数でなくてはならない
コンポーネントの全てのインスタンスが同じデータオブジェクトを参照しているので、1つのリストのタイトルを変えることは、他の全てのリストのタイトルを変えることになる。
よって、CLIの場合は関数にしていないとやはりだめなよう
また、CDNの場合もオブジェクトを返す関数にした方がよいよう
参考
CDNを使用した際は、data: {} でも data: function() { return {} }のどちらでもエラーは出ない
この記事は上記の公式をもう少し噛み砕いてマス