在Vue中,我們通常需要獲取用戶信息以進行一些業務操作。Vue提供了許多方法來獲取用戶信息,下面我們將介紹一些常用的方法。
一、使用axios獲取用戶信息。
axios.get('/api/userinfo') .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); });
二、使用Vue-resource獲取用戶信息。
this.$http.get('/api/userinfo') .then(response => { console.log(response); }, response => { console.log(response); });
三、使用Vue的computed屬性獲取用戶信息。
computed: { userinfo: function () { return this.$store.state.userinfo; } }
四、使用Vue的Vuex獲取用戶信息。
state: { userinfo: {} }, mutations: { updateUserInfo (state, userinfo) { state.userinfo = userinfo; } }, actions: { getUserInfo ({commit}) { axios.get('/api/userinfo') .then(response => { commit('updateUserInfo', response.data); }) .catch(error => { console.log(error); }); } }
總結:以上是常見的獲取用戶信息的方法,根據實際業務需要選擇合適的方法進行實現。
下一篇css能改svg的顏色