Vue.js报错：Property or method “XXX“ is not defined on the instance but referenced during render. .....

最新推荐文章于 2024-06-21 09:50:34 发布

m0_56426418

最新推荐文章于 2024-06-21 09:50:34 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： javascript 前端开发语言经验分享 vue.js

本文链接：https://blog.csdn.net/m0_56426418/article/details/130107961

今天学习vue组件的时候发现控制台出现报错，意思是属性或方法没有在实例上定义。然后看了看源码，发现

应该是stuList而不是list，改正后不再报错。

完整代码：

<body>
    <div id="box">
        <my-component :stu-list="list" @delid="doDel"></my-component>
    </div>
    <script>
        Vue.component('my-component', {
            props: ['stuList'],
            template: `
                <div>
                    <ul>
                        <li v-for="(stu, index) in stuList" :key="index">
                            {
  
  {stu.name}} - {
  
  {stu.age}}
                            <button @click="del(index)">删除</button>
                        </li>
                    </ul>
                </div>
            `,