vue.js:634 [Vue warn]: data functions should return an object:
[Vue warn]: Error in render: “TypeError: Cannot use ‘in’ operator to search for ‘_c’ in undefined”
TypeError: Cannot use ‘in’ operator to search for ‘_c’ in undefined
<!--
* @description 参数1
* @fileName 01
* @author userName
* @date 2020-10-30 20:11:56
* @version V1.0.0
!-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>01</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router@2.0.0/dist/vue-router.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="app">
<div v-for="user in userList">
{{user.name}}==={{user.age}}
</div>
</div>
<script>
var vm = new Vue({
el: '#app',
data() {//定义变量 初始值
//定义变量 空数组
userList:[]
},
created() { // 实例被创建之后执行代码 调用定义方法
this.getUserList()
},
computed: { // 计算属性
},
components: { // 组件的引用
},
methods: { // 编写具体方法
//创建方法查询所有用户信息
getUserList(){
//使用axios的发送ajax
axios.get('data.json')
.then(response =>{
console.log("---"+response)
this.userList = response.data.data.items
console.log("----"+this.userList)
} )//请求成功执行这个
.catch(error =>{
console.log("error")
})//请求失败执行这个
}
},
mounted() { // 页面进入时加载内容
},
watch: { // 监测变化
}
});
</script>
</body>
</html>
代码如上 解决办法
data中添加return