一、axios 使用
安装axios:
1):npm install
2):npm install vue-axios --save
3):npm install qs.js --save //作用是能把json格式的直接转成data所需的格式
main.js 引用
import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'
Vue.prototype.$axios = axios //全局注册,使用方法为:this.$axios
Vue.prototype.qs = qs //全局注册,使用方法为:this.qs
页面调用
<script>
export default{
data(){
return{
userId:666,
token:'',
}
},
created(){
this.$axios({
method:'post',
url:'xxx',
data:this.qs.stringify({
userId:this.userId,
token:this.token,
})
}).then((response) =>{
console.log(response)
}).catch((error) =>
console.log(error)
})
}
}
</script>
二、elementui 使用
安装
npm i element-ui -S --registry=https://registry.npm.taobao.org
引用
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
三、vue-cookie使用
npm install vue-cookies --save
引用
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)
使用
//设置一个cookie
this.$cookies.set(keyName, time)
//获取一个cookie
this.$cookies.get(keyName)
//删除一个cookie
this.$cookies.remove(keyName)
//存在a cookie name?
this.$cookies.isKey(keyName)
//获取所有cookie名称
this.$cookies.keys()
四、vue-cli 安装
npm i @vue/cli -g