vue layui axios 個人學習,持續更新

2021-10-23 11:16:59 字數 2030 閱讀 2249

new vue(,

watch:

} })new vue(,

watch: ,

immediate: true}} 

})new vue(

},watch: ,

deep: true,

immediate: true}} 

})watch: ,

deep: true,

immediate: true

}}

4、 迴圈 v-for:

vue中作為輸出值的時候 如果是在屬性裡面則不需要}進行包裹 並且要在屬性前面加上:,例如:id="index",index是下標

}}

}}}更新

刪除

5、axios get post 呼叫後台方法

// 前台呼叫

axios.get("/v1/vip?id=" + parseint(vm.$data.codeid)).then(

(response) => ,

).catch(function (response) );

axios.post("/v2/vip", }).then(

(response) =>

).catch(function (response) );

// 後台接收

return json(new returnjsoninfo(400, "獲取的資料不存在!", null));

return json(new returnjsoninfo(400, "操作異常!", null));

}

6、vue+layui 基礎版模板

var vm = new vue(,

upload: {}

},v1: ,

v2:

};},

mounted: {},

computed: {},

watch: {},

created() );

vm.$data._layui.form.on('switch(swi)', function (data) );

vm.$data._layui.form.on('select(sel)', function (data) );

vm.v1();

vm.v2();

});},

updated() ,

methods:

,).catch(function (response) );

},v2: function () }).then(

(response) =>

).catch(function (response) );}},

layuirender()

});

7、vue v-show 和 v-if 的異同

官方解釋:

v-if是「真正」的條件渲染,因為它會確保在切換過程中條件塊內的事件***和子元件適當地被銷毀和重建。

v-if也是惰性的:如果在初始渲染時條件為假,則什麼也不做——直到條件第一次變為真時,才會開始渲染條件塊。

相比之下,v-show就簡單得多——不管初始條件是什麼,元素總是會被渲染,並且只是簡單地基於 css 進行切換。

一般來說,v-if有更高的切換開銷,而v-show有更高的初始渲染開銷。因此,如果需要非常頻繁地切換,則使用v-show較好;如果在執行時條件很少改變,則使用v-if較好。

二、個人理解:

相同點:v-show和v-if都能控制元素的顯示和隱藏。

不同點:

個人管理 個人知識管理

持續的學習是個人生存和發展的基礎 資訊和知識 在一段時間和時期內,學習的內容必須聚焦,起碼要在乙個領域內成為專家學習的內容取決於個人的價值觀 特長 個性和目標人是知識獲取的重要渠道,所以你應該知道誰最擅長什麼?遇到問題時知道可以向誰學習和請教人際關係需要維護,捷徑是找到那些願意共享自己朋友資源的人,...

個人管理 個人知識管理

持續的學習是個人生存和發展的基礎 資訊和知識 在一段時間和時期內,學習的內容必須聚焦,起碼要在乙個領域內成為專家學習的內容取決於個人的價值觀 特長 個性和目標人是知識獲取的重要渠道,所以你應該知道誰最擅長什麼?遇到問題時知道可以向誰學習和請教人際關係需要維護,捷徑是找到那些願意共享自己朋友資源的人,...

個人管理 個人知識管理

持續的學習是個人生存和發展的基礎 資訊和知識 在一段時間和時期內,學習的內容必須聚焦,起碼要在乙個領域內成為專家學習的內容取決於個人的價值觀 特長 個性和目標人是知識獲取的重要渠道,所以你應該知道誰最擅長什麼?遇到問題時知道可以向誰學習和請教人際關係需要維護,捷徑是找到那些願意共享自己朋友資源的人,...