欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue监听路由改变

程序员文章站 2022-07-13 15:30:09
...

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中的数据发送了变化,就会立即重新计算这个计算属性的值,计算属性的求值结果,会被缓存起来,方便下次直接使用,如果计算属性中,所有任何数据都没有发生过变化,则不会重新计算属性求值

相关标签: Vue监听路由改变