Axios?插件
安裝
這個(gè)是 ? ajax ?插件
npm 安裝 用 ?的指令 ? ：npm install axios --save
使用 cdn ?引入 ? <scriptsrc="https://unpkg.com/axios/dist/axios.min.js"></script>
安裝后 ? vue-cli 中的 ?引入?
在要用到的模板中 ? ? ? ?import axios from 'axios'
簡(jiǎn)單的用法
get
或
post
Easy Mock ?網(wǎng)站
網(wǎng)站地址：https://easy-mock.com/login
登錄后創(chuàng)建工作臺(tái)
點(diǎn)擊工作臺(tái)
點(diǎn)擊右下角的加號(hào) ? ?創(chuàng)建項(xiàng)目
創(chuàng)建項(xiàng)目
創(chuàng)建好后? ? ? ? ?點(diǎn)擊 ?lianxi ?項(xiàng)目
點(diǎn)擊創(chuàng)建接口 ? ? 創(chuàng)建你要模擬的數(shù)據(jù)
創(chuàng)建你的數(shù)據(jù) ? 創(chuàng)建
創(chuàng)建成功
在 ? ?操作 ? 復(fù)制鏈接 ? 就可以當(dāng)做后臺(tái)的接口
我操作的鏈接 ? ? ? ? ?
https://easy-mock.com/mock/5b2240e2fcfce63e92dc3dbf/lianxi/lianxi
Iconfont - 阿里巴巴矢量圖標(biāo)庫(kù)
網(wǎng)站 ? ? ?http://www.iconfont.cn/
登錄
點(diǎn)擊小人頭登錄
登陸后 ? ?選擇圖標(biāo)庫(kù)
加入購(gòu)物車
移到你想要的圖標(biāo)上點(diǎn)擊購(gòu)物車
點(diǎn)擊右上角的購(gòu)物車
添加到項(xiàng)目
點(diǎn)擊添加至項(xiàng)目
輸入你的項(xiàng)目名 ? ? 點(diǎn)擊確定
生成
點(diǎn)擊 ? ? font ? class
點(diǎn)擊 ? ? 點(diǎn)此生成
生成的鏈接 ? ?有網(wǎng) ? ?就可以用了
使用
<link> ? 標(biāo)簽里引入 ? ? ? ? 要加上 ? ?https:
<link rel="stylesheet">
在你圖標(biāo)項(xiàng)目里選擇你要的圖標(biāo) ?復(fù)制代碼
在 ? html ? 使用 ?
復(fù)制代碼 ? ? ? 粘貼到 ? class ? ? ? ?還要加上兩個(gè) ? icon ? ?iconfont ? ?class名
可以用樣式來(lái)改變 ? ? ?color : red ; 改變顏色 ? ??font-size: 50px; ? 改變大小
基于 Vue 2.0 的桌面端組件庫(kù) ?Element
npm 安裝
npm i element-ui -S
完整引入
在 main.js 中寫入以下內(nèi)容：
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
