vue-router源码分析-整体流程 about ddfe-blog HOT 17 OPEN

再传一次图片

from ddfe-blog.

使用vue-router 两个页面使用同一组件不同参数来控制，（非keep-alive模式下）打开这俩个页面不是根据组件实例出俩个对象而是一直在操作一个对象，俩个页面的数据没有隔离，而是相互影响。（俩页面切换可以通过监听路由来做相应的处理，可是这样的话用户在一个页面操作的一半的数据，去看另一个页面，再回来的时候 数据就没有了，我想如果vue-router渲染同一组件不同页面时都是实例出不同的对象来渲染就解决了），以上的分析是我看了上面的分析得出的，如果有错请告知，如果没有错，请问解决此问题您有什么方案。谢了 @dolymood

from ddfe-blog.

流程图看不见

from ddfe-blog.

看不太懂0.0

from ddfe-blog.

消失的分析图。。

from ddfe-blog.

有需要看 才看的懂 勉强看很累

from ddfe-blog.

请问下，你这个图是用什么软件做的。

from ddfe-blog.

正在研究动态路由添加，看了这篇分析理解的更清楚了 👍

from ddfe-blog.

路由配置在new VueRouter()前提供的，有没有可以创建实例后再动态给路由配置添加

from ddfe-blog.

@NehoDeveloper vue-router 2.2.0+ 的版本提供了 router.addRoutes(routes) 方法可以动态添加配置，可以参考文档 https://router.vuejs.org/zh-cn/api/router-instance.html

from ddfe-blog.

这些业务逻辑代码里用到的一些泛型我看都是在types文件夹里，但是这些文件并没有被引用，那是如何使用这些接口的，求大神指教

from ddfe-blog.

请教下,在入口文件已经有了Vue.use(VueRouter)这,为什么还要在index文件要重复写这样的代码?
if (inBrowser && window.Vue) {
window.Vue.use(VueRouter)
}

from ddfe-blog.

@zjxzjx54 入口文件的Vue.use(VueRouter)是使用者自己添加的
if (inBrowser && window.Vue) {
window.Vue.use(VueRouter)
}
是如果在浏览器中，并且全局有Vue，会尝试自动注册插件，同样的插件只会注册一次
所以不是重复写代码

from ddfe-blog.

呜呜，看不懂。我还会回来的

from ddfe-blog.

from ddfe-blog.

使用vue-router 两个页面使用同一组件不同参数来控制，（非keep-alive模式下）打开这俩个页面不是根据组件实例出俩个对象而是一直在操作一个对象，俩个页面的数据没有隔离，而是相互影响。（俩页面切换可以通过监听路由来做相应的处理，可是这样的话用户在一个页面操作的一半的数据，去看另一个页面，再回来的时候 数据就没有了，我想如果vue-router渲染同一组件不同页面时都是实例出不同的对象来渲染就解决了），以上的分析是我看了上面的分析得出的，如果有错请告知，如果没有错，请问解决此问题您有什么方案。谢了 @dolymood

你这个你自己都已经给出了解决方案了，组件化就是为了复用，data返回函数就是为了不操作同一个对象。你导入一次组件，页面里写两个不就好了，根据参数不同展示两个其中的一个。你要非要用一个组件来展示，那就做数据缓存，把数据存到vuex里，切换的时候根据参数去取就行了，不过这样就有点本末倒置了。

from ddfe-blog.

你好，有个地方不太懂，请问可以帮忙解答一下嘛？
在beforeCreate 钩子函数中，对_route 属性进行了响应式绑定，那么点击routerlink改变路由地址的时候，它是如何重新调用render函数重新渲染的？
数据响应式我记得是解析模板的时候通过new Watcher绑定回调函数更新DOM，然后在set方法去调用，在路由这块重新调用render就想不通了。

from ddfe-blog.