Vue Ajax Request

  1. 安装axios
    npm install --save axios

  2. 在plugins文件夹增加axios.js文件, 内容如下,这样就可以在各Vue中直接使用axios了,无需再this.$axios了

import axios from 'axios'

export default ({app, router, Vue}) => {
  Vue.prototype.$axios = axios
  // ^ ^ ^ this will allow you to use this.$axios
  //       so you won't necessarily have to import axios in each vue file
}
  1. 在需要引用的Vue文件中
import axios from 'axios'

在需要的函数中如下使用

  methods: {
    loadData () {
      axios.get('/api/v1.0/user')
                .then((response) => {
                  this.tableData = response.data['users']
                })
                .catch(() => {
                  this.$q.notify({
                    color: 'negative',
                    position: 'top',
                    message: 'Loading failed',
                    icon: 'report_problem'
                  })
                })
    }
}

参考

https://quasar-framework.org/guide/ajax-requests.html

你可能感兴趣的:(Vue Ajax Request)