Vue监听路由改变

Watch监听：
js代码:

//监听路由改变
watch: {
   '$route.path':function (newVal,oldVal) {
       console.log(newVal,oldVal);
   } 
}

注意：路由地址改变事件，keyup监听不了，只能用watch

Computed计算：
js代码:

data: {
    firstName: 'Foo',
    lastName: 'Bar'
  },
  computed: {
    fullName: function () {
      return this.firstName + ' ' + this.lastName
    }
  }

注意：只要计算属性，这个function内部，所用到的任何data中的数据发送了变化，就会立即重新计算这个计算属性的值，计算属性的求值结果，会被缓存起来，方便下次直接使用，如果计算属性中，所有任何数据都没有发生过变化，则不会重新计算属性求值