vue總結(包括 指令的使用,axios)

2021-08-15 07:53:14 字數 758 閱讀 2206

一,axios的用法

1,配置:

*引入axios

2,使用:

*在其他元件檔案中匯入http元件

var params = new urlsearchparams();

axios.get('community/makercommunityparticulars',

}).then(response => ).catch(e => );

*根據返回的response來動態渲染不同的值

二,最近用到的vue知識點

1,路由傳參

*路由檔案中

*標籤跳轉

*獲取路由傳過來的id

clubid:this.$route.params.metid
2,用v-for繫結一組click元素(實現點哪個元素,哪個元素就會出現乙個新class名) *

*clickme(index)

*總結:這裡實現了類似jquery中on事件的效果($(".on").on("click",fn(index)))

3,儲存乙個常用的變數,對接上資料庫給的名 data--》fileurl:"http://***xx" 4,

總結:如果說jq是乙個一切圍繞'找dom改dom'的框架,那麼vue就是乙個'繫結資料,修改資料'(然後vue自動重新渲染頁面)的框架

vue 指令總結

vue的指令 v for,in,key,v bind,v model,v on,v once,v cloak,v html,v text v show,v on,v if,v else if,v else,v pre 1.vue模板語法 使用雙花括號 這裡為文字插值 雙花括號裡面的資料解析為普通文字...

vue指令總結

v pre跳過這個元素和它的子元素的編譯過程 這裡的內容不會被編譯 v html輸出html v bind語法糖 動態更新html元素屬性 v on語法糖 繫結事件 v model用於表單類元素上雙向繫結資料 v cloak和display none配合使用解決網速較慢螢幕閃動問題 v cloak ...

vue 指令總結

templet templet中只能有乙個根節點 v text 只能用於雙標籤中,就是給元素的innertext賦值 v html 就是給元素的innerhtml賦值 v if 如果值為false,在html中顯示,為true就插入元素,v else if v else v show 是顯示與否的問...