日時情報を子コンポーネントに渡すと、日付情報がリセットされる

[yuki]

親コンポーネント

<child :defDate = setDate>


mounted(){
  this.setDate = new Date()
  console.log(this.setDate)
}

子コンポーネント

props: ['defDate '],
mounted() {
  console.log(this.defDate)
}

みたいなことをすると、

親コンポーネントのログ↓
Fri Oct 11 2019 13:49:32 GMT+0900 (日本標準時)

子コンポーネントのログ↓
Tue Oct 01 2019 13:49:32 GMT+0900 (日本標準時)

になってしまうのですが、納得いかないのですがそういうものなのでしょうか？

[8cf022]

私も試してみましたが、違う結果になりました。

結果は以下の通り。

[yuki]

その差は

実際にやっていたことが前記したものと親コンポーネントが違っていて

実際には
親コンポーネント

data(){
  return {
    setDate = new Date()
  }
},
mounted (){
 ↓作っていたものの仕様上入っているif文がある
  if ( hoge) {
    this.setDate = 別の日付データ
  } else {
    this.setDate = new Date()
  }

  console.log(this.setDate )
}

だからのようです！
下記に書き換えたら

data(){
  return {
    setDate: null
  }
},

やってみていただいたことと同じになりました！
値が入るより前に子コンポーネントがmountされている？？

[yuki]

子コンポーネントを↓にすることで、一応の解決を迎えました！

props: [ 'defDate' ],
  data() {
    return {
      selected: null,
    }
  },
  watch: {
    defDate (nV, oV){
      this.selected = nV
      console.log(this.selected)
    }
  },