前後端分離，html頁面中怎麼獲取當前登入使用者資訊，並寫入html頁面的指定位置?

前後端分離，html頁面中怎麼獲取當前登入使用者資訊，並寫入html頁面的指定位置?

以amazeui+vue框架為例：

場景（前提是使用者登入寫入cookie，參考我的：http://blog.csdn.net/ideality_hunter/article/details/72876392）：前端，有一個A.html頁面，要在

<div id="test">

<input name="userName" value="" />

</div>

中預設寫入當前登入的使用者姓名。

怎麼實現？

A.html頁面程式碼：

<div id="test">

<input name="userName" value="{{NAME}}" />

</div>

在A.html頁面引入一個A.js，其程式碼如下：

{

var cookie = $.AMUI.utils.cookie;
var userDetail = cookie.get("userDetail");
if (!userDetail)
    window.location.href = contextPath + "/login.html";
    var user = JSON.parse(userDetail);

new Vue( {
        el : "#test",
        data : user
    })

}

//userDetail內容是

步驟：

1）從cookie獲取使用者資訊user。

2）寫入vue，通過vue框架，將引數寫入html程式碼的{{}}位置