Javascript 获取分析错误：意外的令牌，应为“&引用；在Vue

我正在尝试执行axios请求，但无论我做什么，都会收到相同的错误消息

信息是：

分析错误：意外标记，应为“，”

。错误指向axios.get（它指向错误消息中“axios”和“get”之间的点）。如果我在代码中放入类似于

console.log的内容，它会给出相同的消息

我基本上只是使用一个常规的默认vue项目，我所做的唯一一件事就是在HelloWorld.vue中添加以下代码

<script type="text/javascript">
   import axios from 'axios';
 //  const axios = require('axios');

  export default {
    name: 'HelloWorld',  //  console.log("hi"),
    props: {
      msg: String //response
    },
    methods: {
      axios.get('https://swapi.co/api/people/1')
        .then(function(response){
            console.log(response)
        })
    }
  }

</script>


从“axios”导入axios；
//const axios=require（'axios'）；
导出默认值{
名称：'HelloWorld'，//console.log（“hi”），
道具：{
msg:String//response
},
方法：{
axios.get（）https://swapi.co/api/people/1')
.然后（功能（响应）{
console.log（响应）
})
}
}

有人能告诉我为什么这个错误不断出现，我猜这很简单，但我在这一点上失去了我的头脑。谢谢
必须在根文件中全球化axios

    const axios = require('axios');
global.axios = axios;

您将无法访问axios方法，因为它实际上没有被声明为函数。您可以用两种方法编写vue方法，这两种方法都相当于（据我所知）

另一种方式是这样的：

export default {
  data() {
    item: []
  },
  methods: {
    getStarWarsCharacters: () => {
      // axios call goes here
    }
  }
}

我怀疑，如果您使用第一种方式编写，Vue实际上正在转换为第二种方式
 
methods
对象中的第一个方法缺少键名和函数运算符。也就是说，您已经将方法主体直接写在对象内部。太好了，非常感谢您的快速响应：）
export default {
  data() {
    item: []
  },
  methods: {
    getStarWarsCharacters: () => {
      // axios call goes here
    }
  }
}