propsで受け取った値を、チェックしてdataに格納する。

受け取ったpropsの値をチェックしてからdataに格納したい。

親から子に値を渡す時は、子はpropsで受け取れます。
受け取った値を子コンポーネント側でチェックするにはどうしたらいいの？
...迷ったので忘備録です。

子コンポーネント

    props: {
      'oyaValue': {
        'type': [Array, Boolean, String],
        'default': false
      }
    },

    data: function(){
      const me = this;
      let checkVal = false;
      if(me.oyaValue) {
        checkVal = true;
      }
      return {
        'val': checkVal,
      };
    },

propsで受け取ったデータ（今回はoyaValue）を
チェックをしてdata内に入れる際は、
一旦ifでバリデーションをかけてから格納する。

今回は'oyaValue'から'val'にしてdata内に入れた。

ちなみにpropsの値を直接ゴニョゴニョ変更しようとすると怒られます。
※そうりゃそうやな、そもそもいじったらあかん。

簡単な記事だけど、とりあえず忘備録。