クロコめも2。

ただのめもー

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は何も表示されません。

なぜかは知りません。

内部的なことは暇があったらちゃんと調べますが、とりあえず