Vue抛 Property or method turn is not defined on the instance but referenced during render. 的解决方法

如下图，Vue 抛:
[Vue warn]: Property or method "turn" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

(found in <Root>)

vue.js:634 [Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined"

found in

---> <TopBar>
<Root>
warn @ vue.js:634
logError @ vue.js:1893
globalHandleError @ vue.js:1888
handleError @ vue.js:1848
Vue._render @ vue.js:3547
updateComponent @ vue.js:4061
get @ vue.js:4472
Watcher @ vue.js:4461
mountComponent @ vue.js:4068
Vue.$mount @ vue.js:9038
Vue.$mount @ vue.js:11923
init @ vue.js:3125
createComponent @ vue.js:5967
createElm @ vue.js:5914
createChildren @ vue.js:6042
createElm @ vue.js:5943
patch @ vue.js:6503
Vue._update @ vue.js:3940
updateComponent @ vue.js:4061
get @ vue.js:4472
Watcher @ vue.js:4461
mountComponent @ vue.js:4068
Vue.$mount @ vue.js:9038
Vue.$mount @ vue.js:11923
Vue._init @ vue.js:5006
Vue @ vue.js:5072
(anonymous) @ main.js:1
vue.js:1897 TypeError: Cannot read property '0' of undefined
at Proxy.eval (eval at createFunction (vue.js:11628), <anonymous>:3:143)
at VueComponent.Vue._render (vue.js:3545)
at VueComponent.updateComponent (vue.js:4061)
at Watcher.get (vue.js:4472)
at new Watcher (vue.js:4461)
at mountComponent (vue.js:4068)
at VueComponent.Vue.$mount (vue.js:9038)
at VueComponent.Vue.$mount (vue.js:11923)
at init (vue.js:3125)
at createComponent (vue.js:5967)

解决方法:
查看 Vue里的 data 是否赋值正确

new Vue({name:'game',el:'#app',template: `<div id="#app"><top-bar :turn="turn" :current-player-index="currentPlayerIndex" :players="players"/></div>`,//如下未赋值，会抛上述错误data: state,
});

乐意黎

2019-05-23

Vue抛 Property or method turn is not defined on the instance but referenced during render. 的解决方法相关推荐

[Vue warn]: Property or method index is not defined on the instance but referenced during render
8月份开始团队使用 React,所以 Vue 很久没接触了,今天同事问我一个问题,发出来记录下问题重现一个输入键盘,keyUpHandle 为该触发事件函数,绑定 $event 和 index,在 ...
[Vue warn]: Property or method id is not defined on the instance but referenced during render.
这是上一篇文章使用v-for时出现的warn: Mr.J--Vue之v-for全解析在查看官方文档之后:Vue.js 由于Vue不允许动态添加根级别的响应属性,因此必须通过预先声明所有根级别的响应数 ...
[Vue warn]: Property or method “throttle“ is not defined on the instance but referenced during rende
在开发的过程中,用到了节流,引入公共的节流,初始调用如下(报错了-). template中: <button class="btn" @click="throttl ...
Property or method xxxx is not defined on the instance but referenced during render.
[Vue warn]: Property or method "getdata" is not defined on the instance but referenced dur ...
VUE 解决：Property or method “deleteFun“ is not defined on the instance but referenced during render.
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 一个点击事件报错: Property or method "deleteFun&qu ...
Property or method “id“ is not defined on the instance but referenced during render.Make sure ......
Vue报错: Property or method "id" is not defined on the instance but referenced during render ...
报错：Property or method “item“ is not defined on the instance but referenced during render.
前言:目前在敲项目,遇到的报错问题~ 报错原因: Property or method "item" is not defined on the instance but refe ...
Vue错误03：Property or method “xxx“ is not defined on the instance but referenced during render.
问题描述根据已有数据,动态生成一个选择器,但在设置了以后无法正常渲染如下: 同时,控制台报错: 组件里面的代码如下: js代码: 问题解决: 定义v-for的时候,表达式"x in obj ...
前端学习（2499）：Property or method “name“ is not defined on the instance but referenced during render. Ma
未定义

Vue抛 Property or method turn is not defined on the instance but referenced during render. 的解决方法

Vue抛 Property or method turn is not defined on the instance but referenced during render. 的解决方法相关推荐

最新文章

热门文章