axiosで取得したオブジェクトからプロパティを取り出せない

Question

javascriptからaxiosでLaravelオブジェクトの取得をしようとしています。
ブラウザのコンソールには取得したいオブジェクトの内容が表示されているのですが、
PromiseResultというものに格納されたまま取り出せません。
これを通常のオブジェクトして取り出すにはどうすればいいのでしょうか？

let document = axios.get('getDocument?document_no=' + document_no + '&user_id=' + user_id).then(
      (res)=>{
          console.log('PlanningDocumentList: axios[START]');
          return res.data;
          console.log('PlanningDocumentList: axios[END]');
      }
  )
console.log(document); //この結果が上の画像です。
console.log(document.created_at); //これはundifined
console.log(document.planning_document_neme); //これもundifined

Laravel側では以下のようにオブジェクトを取得しました。

    public function getDocument(Request $request) {

        // {{ 中略  }}
        $planning_document = PlanningDocument::where('planning_document_no',$request->document_no)
        ->where('user_seq',$user->user_seq)
        ->first();

        return json_encode($planning_document);
    }

Answer 1

自己解決しました。
then()句の中でreturnで返そうとしたのが悪かったみたいです。
下のようにjs側のプロパティ変数を用意して、そこに代入するようにすると通常のオブジェクトの状態で入ってきました。

var self = this;
axios.get('getDocument?document_no=' + document_no + '&user_id=' + user_id).then(
      (res)=>{
          console.log('PlanningDocumentList: axios[START]');
          self.document = res.data;
          console.log('PlanningDocumentList: axios[END]');
      }
  )

    export default {
        data: function() {
            return {
              document:{} //ここにres.dataを格納
            }
        },