vuejsにてコンポーネントのdataの中に_で始まる値を定義してはいけない
タイトルで本エントリはほぼ終了
たとえばこういうこと
sample-component/index.js
export default {
template: require('./template.html'),
data() {
return {
_aaa: 100,
bbb: 200
}
},
computed: {
data1 () {
return this._aaa;
},
data2 () {
return this.bbb;
}
}
}
sample-component/template.html
<div>
<h1>サンプルコンポーネント</h1>
<div>data1:{{data1}}</div>
<div>data2:{{data2}}</div>
</div>
これ画面でみるとdata2は200と表示されますが、data1は何も表示されません。
なぜかは知りません。
内部的なことは暇があったらちゃんと調べますが、とりあえず