Vue初體驗 UI工具 axios與後台相連

2021-08-20 16:20:49 字數 539 閱讀 6830

幫學姐寫系統中的乙個功能元件,第一次接觸了vue,感覺很好上手,而且可使用的工具也很多,好記性不如爛筆頭,小小記錄一下~

ui組建庫:element,個人很喜歡了,好看又好用。

axios:乙個基於 promise 的 http 庫。

get方式:

axios.get('/user', 

}).then(function (response) )

.catch(function (error) );

不帶引數

axios

.get("url",

}).then(res => );

post方式:(使用了qs外掛程式)

axios

.post(

"url",

qs.stringify()

).then(function(response) )

.catch(function(error) );

vue的初體驗

詳細看vue的官方文件。此處記錄純屬個人在使用中的一些小結 1 v text 操作元素的純文字,其簡寫形式 eg 簡寫為 2 v html 其作用和v text一樣,唯一的區別是瀏覽器會將v html的資料當成html標籤解析後輸出 3 繫結事件用 v on click 標誌,v on 可簡寫為 4...

vue路由初體驗

這裡記一下,免得後面到處是錯 而且總是出錯,大部分是單詞打錯了,注意細節 新建乙個資料夾modules 裡面放router.js 在裡面import vue from vue 引入vue import index from comptents index index.vue 先引入等下要跳轉的模組 ...

Vue初體驗(一)

每個 vue 應用都需要通過例項化 vue 來實現。語法格式如下 varvm newvue 接下來讓我們通過例項來看下 vue 構造器中需要哪些內容 可以看到在 vue 構造器中有乙個el 引數,它是 dom 元素中的 id。在上面例項中 id 為 vue det,在 div 元素中 div id ...