问题汇总-前端

最新推荐文章于 2023-10-27 09:47:55 发布

搬砖大强

最新推荐文章于 2023-10-27 09:47:55 发布

阅读量508

点赞数 2

分类专栏：前端问题汇总文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_45020244/article/details/109457579

版权

前端问题汇总专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述 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

搬砖大强

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
问题汇总-前端

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 参数
复制链接

扫一扫