vue 常用插件命令

一、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