fix navigation without instance + support location arg in getMatchedComponents (fix #922)

Author: yyx990803

src/history/base.js

@@ -92,9 +92,11 @@ export class History {
         if (this.pending === route) {
           this.pending = null
           cb(route)
-          this.router.app.$nextTick(() => {
-            postEnterCbs.forEach(cb => cb())
-          })
+          if (this.router.app) {
+            this.router.app.$nextTick(() => {
+              postEnterCbs.forEach(cb => cb())
+            })
+          }
         }
       })
     })

src/index.js

@@ -108,18 +108,29 @@ export default class VueRouter {
     this.go(1)
   }
 
-  getMatchedComponents (): Array<any> {
-    if (!this.currentRoute) {
+  getMatchedComponents (to?: RawLocation): Array<any> {
+    const route = to
+      ? this.resolve(to).resolved
+      : this.currentRoute
+    if (!route) {
       return []
     }
-    return [].concat.apply([], this.currentRoute.matched.map(m => {
+    return [].concat.apply([], route.matched.map(m => {
       return Object.keys(m.components).map(key => {
         return m.components[key]
       })
     }))
   }
 
-  resolve (to: RawLocation, current?: Route, append?: boolean): {href: string} {
+  resolve (
+    to: RawLocation,
+    current?: Route,
+    append?: boolean
+  ): {
+    normalizedTo: Location,
+    resolved: Route,
+    href: string
+  } {
     const normalizedTo = normalizeLocation(to, current || this.history.current, append)
     const resolved = this.match(normalizedTo, current)
     const fullPath = resolved.redirectedFrom || resolved.fullPath

test/unit/specs/node.spec.js

@@ -0,0 +1,38 @@
+import Vue from 'vue'
+import VueRouter from '../../../src/index'
+
+Vue.use(VueRouter)
+
+describe('Usage in Node', () => {
+  it('should be in abstract mode', () => {
+    const router = new VueRouter()
+    expect(router.mode).toBe('abstract')
+  })
+
+  it('should be able to navigate without app instance', () => {
+    const router = new VueRouter({
+      routes: [
+        { path: '/', component: { name: 'foo' }},
+        { path: '/bar', component: { name: 'bar' }}
+      ]
+    })
+    router.push('/bar')
+    expect(router.history.current.path).toBe('/bar')
+  })
+
+  it('getMatchedComponents', () => {
+    const Foo = { name: 'foo' }
+    const Bar = { name: 'bar' }
+    const Baz = { name: 'baz' }
+    const router = new VueRouter({
+      routes: [
+        { path: '/', component: Foo },
+        { path: '/bar', component: Bar, children: [
+          { path: 'baz', component: Baz }
+        ]}
+      ]
+    })
+    expect(router.getMatchedComponents('/')).toEqual([Foo])
+    expect(router.getMatchedComponents('/bar/baz')).toEqual([Bar, Baz])
+  })
+})