问答详情
源自：2-4 计算属性与侦听器

computed Unused property msg1

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
</head>
<body>
<div id="app">
 {{msg}}
    <p>{{msg1}}</p>
</div>

</body>
<script>
 var vm = new Vue({
        el:'#app',
 data:{
            msg:'Hello,Vue!'
 },
 watch:{
            msg:function (newval,oldval) {
                console.log('newval is ' + newval)
                console.log('oldval is '+ oldval)
            }
        },
 computed:{
             : function() {
                return 'computed:' + this.msg()
            }
        }
    })
</script>
</html>

我这样写，msg1它是灰色的，并没有高亮，然后浏览器里并没有出现 computed ：Hello，Vue!

请问这问题怎么解决呢？？？？？？？

提问者：蟹蟹肉 2019-03-19 12:39

个回答

  • Brian
    2019-03-20 17:37:27

    你的vue的版本引用有问题，请参考我们之前的课程的介绍，正确的引入 vue2.x的版本。

    0
  • landy123
    2019-03-19 14:54:58

    computed:{
       msg1: function() {
          return 'computed:' + this.msg
         }
      }
    })


    0