首页 > 其他分享 >Vue-router跳转和location.href有什么区别

Vue-router跳转和location.href有什么区别

时间:2023-06-14 11:02:17浏览次数:49  
标签:Vue href location 跳转 router 页面

  • vue-router使用pushStat进行路由更新,不刷新页面,静态跳转;

  • 使用diff算法,按需加载,减少dom操作,

  • 同一个页面跳转或者路由跳转

  • 异步加载this.$nextTick(()=>{获取url})

  • 使用location.href来跳转,简单方便,但是刷新了页面;

  • 不同页面间跳转

  • 可以直接获取当前路径

标签:Vue,href,location,跳转,router,页面
From: https://www.cnblogs.com/le-cheng/p/17479615.html

相关文章

  • Vue项目首页实战 - 父子组组件间传值
    1cityHome.vue新增一个属性:<template><div><home-header:city="city"></home-header><home-swiper></home-swiper><home-icons></home-icons><home-recommend></home-recommend......
  • vuex基础语法
    //importVuexfrom"vuex";//importVuefrom"vue";//Vue.use(Vuex);///*//vuex作用:数据共享//用法:在store新建一个js文件;newVuex.Store//方法://state:初始状态数据//mutations:监控数据的变化//流程:state仓库---UI---mutations(提交方法:commit)//注意:必须......
  • vue实现子父组件之间通信
    <template><div><button@click="handleClick":disabled="isLoading">{{isLoading?"loading":"submit"}}</button><divclass="err">......
  • vue事件总线
    //事件总线:类似于单独对于一个功能的处理。组件间通信的方式;适用于任意组件间通信//exportdefault{////监控事件//$on(eventName,handler){//if(!listeners[eventName]){//listeners[eventName]=newSet();//}//......
  • vue组件之间的数据传递
    一、组件之间的关系父子关系、兄弟关系、跨级关系二、父子之间数据传递1、父组件向子组件传递【使用props】第一步:在父组件中使用子组件时,给子组件绑定属性第二步:在子组件中使用props接收绑定的属性值2、子组件向父组件传递【使用$emit】第一步:在子组件中通过......
  • vue路由
    1、在dos窗口下安装npminstallvue-router@3--save-dev--registry=http://registry.npmmirror.com2、配置路由①在src目录下面,新建router文件夹②然后再其中创建index.js路由文件、index.js代码importVuefrom'vue'//导入路由插件importVueRouterfrom'......
  • 【vue】前端下载文件自定义文件名称
    【vue】前端下载文件自定义文件名称https://blog.csdn.net/weixin_48200589/article/details/125067618下载文件自定义文件名称文件下载名称不想和后端提供的URL一样怎么办呢?1.首先给按钮去绑定一个事件2.正常我们的下载处理方式3.自定义下载的文件名字文件下载名称......
  • Vue3
    目录一vue3介绍1Vue3的变化1.1性能的提升1.2源码的升级1.3拥抱TypeScript1.4新的特性2组合式api和配置项api3vue3之vue实例4创建vue3项目4.1使用vue-cli创建4.2使用vite创建5setup6响应式6.1ref函数6.2reactive函数7reactive与ref对比8计算,监听属性8.1监......
  • Vue-watch-deep 深度监听
    首先明确一个概念,Vue是可以监听到多层级数据改变的,且可以在页面上做出对应展示。但是Vue提供的watch方法,默认是不提供深度监听的(deep默认为false,也就是不开启深度监听)(刚挂载的时候是不执行的,只有挂载完成之后的变化才会执行。如果我们想要初次挂载的时候就l执行,则需......
  • vue 的双向绑定原理(vue 的响应式原理)流程
    一、原理 二、流程第一步,“数据劫持”vue2.x用Object.defineProperty()方法来实现数据劫持,为每个属性分配一个订阅者集合的管理数组depvue3.x用ES6的Proxy构造函数来实现数据劫持。第二步,“添加订阅者”在编译的时候在该属性的数组dep中添加订阅者添加方......