SOURCE

console 命令行工具 X clear

                    
>
console
var message="123"
var app = new Vue({
  el: '#app',
  data: {
    message: {a:message},
    list: [1,2,3]
  },
  computed:{
  	com(){
    	return this.message.a+new Date()
    }
  },
  methods:{
  	func1(){
    	alert(123)
    }
  },
  watch:{
  	message(newvalue){
    	alert(newvalue)
    },
    list(newvalue){
    	alert(newvalue)
    }
  }
  
})
setTimeout(function(){
	//不触发watch
  app.message.a=33
  app.list[0]=10
  
  //触发watch
  //app.message={...app.message,a:44}
  //Vue.set(app.list, 0, 111)
  //app.list=Object.assign([],app.list)
},3000)
<script src="//unpkg.com/vue"></script>

<div id="app">
  <p :class="{a:true}">{{ message.a }}</p>
  <p>{{com}}</p>
  <template v-for="it in list"><p>{{it}}</p></template>
</div>
.a{
  color:red
}