Vue中如何書寫js來渲染頁面填充數據的部分代碼

new Vue({
 el:"#app" ,
 data:{
 user:{
 id:"",
 username:"",
 password:"",
 age:"",
 sex:"",
 },
 userList:[]
 },
 methods:{
 findAll:function () {
 //在當前方法中定義一個變量，表明是vue對象
 var _this= this;
 axios.get('/day01_eesy_vuejsdemo/user/findAll.do')
 .then(function (response) {
 // handle success
 _this.userList=response.data;
 console.log(response);
 })
 .catch(function (error) {
 // handle error
 console.log(error);
 })
 .finally(function () {
 // always executed
 });
 },
 findById:function (userid) {
 //在當前方法中定義一個變量，表明是vue對象
 var _this= this;
 axios.get('/day01_eesy_vuejsdemo/user/findById.do',{params:{id:userid}})
 .then(function (response) {
 // handle success
 _this.user=response.data;
 $("#myModal").modal("show");
 console.log(response);
 })
 .catch(function (error) {
 // handle error
 console.log(error);
 })
 .finally(function () {
 // always executed
 });
 },
 update:function (user) { //post請求
 //在當前方法中定義一個變量，表明是vue對象
 var _this= this;
 axios.post('/day01_eesy_vuejsdemo/user/updateUser.do', _this.user)
 .then(function (response) {
 _this.findAll();
 console.log(response);
 })
 .catch(function (error) {
 console.log(error);
 });
 }
 },
 created:function(){
 this.findAll();
 }
});