外部数据检测不到？

源自：2-4 计算属性与侦听器

外部数据检测不到？

请问这是什么原因呀？

提问者：qq_色狼_iqAJM9 2019-07-18 10:11

个回答

Brian

2019-07-18 17:43:46

这个由于this作用域的问题，你的代码中的this.arr的this代表着是当前的Vue实例，所以是undefined，你换成arr，去掉this. 试试？

0

qq_色狼_iqAJM9: 2019-07-18 10:18:05

这是代码
<body>
<div id="app">
    <div>
        {{msg}}
        <p>{{msg1}}</p>
    </div>
</div>
<script>
    var arr = 'new test'
   var app= new Vue({
        el:'#app',
        data:{
            msg:'hello vue!!',
            another:'GoodBey vue!!'
        },
        watch:{
            msg:function(newval,oldval){
                console.log('newval is:'+newval)
                console.log('oldval is:'+oldval)
            },
        },
        computed:{
            msg1:function(){
                return 'computed:' + this.msg +' , '+ this.another + this.arr
            }
        },
       methods:{
       }
    })
</script>
</body>