老师 报错怎么回事
来源:2-8 计算属性
慕尼黑4757019
2019-04-06 15:59:47
<template>
<div>
<div>计算属性</div>
<div>------------------------------</div>
<div>{{msg.split('').reverse().join('')}}</div><!--将msg的信息进行反转-->
<div>{{reversedMessage}}</div>
</div>
</template>
<script>
export default {
data(){
return{
msg:'helloworld',
msg2: 'hello World'
}
},
computed:{
reversedMessage:()=>this.msg2.split('').reverse().join('')
}
}
</script>
1回答
好帮手慕星星
2019-04-07
你好,computed计算属性中不能使用箭头函数,因为箭头函数绑定了父级作用域的上下文,所以 this 将不会按照期望指向Vue。
修改成视频中的return返回即可,如下:
自己可以重新测试下,祝学习愉快!
相似问题