Vue中的watch以及watch和computed的区别

一、 watch是什么？

监测 Vue 实例变化的一个表达式或方法。回调函数得到的参数为新值和旧值，用一个函数取代。
简洁的说：watch的作用可以监控一个值的变换，并调用因为变化需要执行的方法。可以通过watch动态改变关联的状态。

二、应用

基本用法：

当firstName值变化时，watch监听到并且执行watch中的firstName函数

<div>
      <p>FullName: {
  {fullName}}</p>
      <p>FirstName: <input type="text" v-model="firstName"></p>
</div>
 
new Vue({
  el: '#root',
  data: {
    firstName: 'Kobe',
    lastName: 'Bryant',
    fullName: ''
  },
  watch: {
    firstName(newName, oldName) {
      this.fullName = newName + '