3小时速成 Vue2.x 核心技术_技术问答

慕雪0459911

BootCDN: 2021-06-02 3回答·730浏览

慕虎2584893

computed写msg1显示unused property msg1 是什么情况，和视频的代码一样: 应该是data里面有没有定义msg1的初始化; 2020-11-03 1回答·656浏览

ienoon

请问这段代码为什么执行后浏览器里面只显示{{msg}}?: 楼上正解，3.0的语法已经发生了变化。不能new vue了，需要使用createApp:https://v3.vuejs.org/guide/introduction.html#declarative-rendering; 2020-06-26 4回答·1092浏览

hongli

watch和computed区别

官方的例子也写的非常的清楚，https://cn.vuejs.org/v2/guide/computed.html

这里也有一个介绍： https://cn.vuejs.org/v2/guide/computed.html#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7-vs-%E4%BE%A6%E5%90%AC%E5%B1%9E%E6%80%A7

computed更适合Vue中的多个变量需要同时监听的场景：

var vm = new Vue({  
    el: '#demo',  
    data: {    
    firstName: 'Foo',    
    lastName: 'Bar'
  },  
  computed: {    
      fullName: function () {      
          return this.firstName + ' ' + this.lastName
      }
  }
})

2019-12-15 3回答·2158浏览

慕田峪9554188

msg的值没有在界面上同步更新显示: 问题解决了，但是特别奇怪的一点，我自己敲的代码不能变化，但是复制了一模一样的代码，就能显示了。。。; 2019-07-24 1回答·851浏览

qq_色狼_iqAJM9

外部数据检测不到？: 这个由于this作用域的问题，你的代码中的this.arr的this代表着是当前的Vue实例，所以是undefined，你换成arr，去掉this. 试试？; 2019-07-18 2回答·735浏览

攻城师4041149

修改data值后watch没有触发

完全没有问题啊，同学！！！

https://codepen.io/kanlidy/pen/agXvGZ

2019-07-10 1回答·1148浏览

慕标1446865

控制台里为什么没有输出watch里的内容？

行吧抱歉..我刚刚拷贝有问题了，重新发一下...

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    .bg{
      color: red;
    }
  </style>
  <script src="https://cdn.bootcss.com/vue/2.6.9/vue.min.js"></script>
</head>
<body>
  <div class="bg" id="app">
    {{msg}}
  </div>
</body>
<script>
  var app = new Vue({
    el: '#app',
    data: {
      msg: 'hello vue!'
    },
    watch:{
      msg: function(newval,oldvalue){
        console.log('newvalue is : ' + newval)
        console.log('oldvalue is : ' + oldvalue)
      }
    },
    computed: {
      
    },
  })
</script>
</html>

2019-04-25 2回答·1341浏览