老师 报错怎么回事

来源: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>


http://img.mukewang.com/climg/5ca85c700001cddf06660593.jpg

写回答

1回答

好帮手慕星星

2019-04-07

你好,computed计算属性中不能使用箭头函数,因为箭头函数绑定了父级作用域的上下文,所以 this 将不会按照期望指向Vue。

修改成视频中的return返回即可,如下:

http://img.mukewang.com/climg/5ca99700000143ab07570170.jpg

自己可以重新测试下,祝学习愉快!

0

0 学习 · 3299 问题

查看课程