其他分享
首页 > 其他分享> > vue开发反思总结

vue开发反思总结

作者:互联网

vue通过watch监听路由的变化

在路由切换中,并且局部组件只是在inactive和active切换时,vue的生命周期不会重新执行,可以通过监听路由的变化来实现
在这里插入图片描述

watch: {
    $route: "getPath"
}
methods: {
  getPath(){
    console.log(this.$route.path);
  }
}

vue监听路由变化

重置组件的数据

在进行了上述vue路由监听执行时,可以通过重置组件的数据结合重新执行created()或者mounted()来实现局部组件页面的重新加载

Object.assign(this.$data, this.$options.data())

vue恢复初始化数据

标签:总结,vue,watch,getPath,组件,反思,监听,路由
来源: https://blog.csdn.net/weixin_46248051/article/details/115570231