tweak instance properties

Author: yyx990803

src/components/link.js

@@ -23,7 +23,7 @@ export default {
     const base = router.history.base
     const href = base ? cleanPath(base + fullPath) : fullPath
     const classes = {}
-    const activeClass = this.activeClass || router._options.linkActiveClass || 'router-link-active'
+    const activeClass = this.activeClass || router.options.linkActiveClass || 'router-link-active'
     classes[activeClass] = this.exact
       ? current.path === resolved.path
       : current.path.indexOf(resolved.path) === 0

src/index.js

@@ -7,9 +7,8 @@ import { inBrowser, supportsHistory } from './util/dom'
 
 export default class VueRouter {
   constructor (options = {}) {
-    this._rootComponent = null
-    this._options = options
-
+    this.app = null
+    this.options = options
     this.match = createMatcher(options.routes || [])
 
     let mode = options.mode || 'hash'
@@ -19,7 +18,7 @@ export default class VueRouter {
     if (!inBrowser) {
       mode = 'abstract'
     }
-    this._mode = mode
+    this.mode = mode
 
     switch (mode) {
       case 'history':
@@ -36,7 +35,7 @@ export default class VueRouter {
     }
 
     this.history.listen(location => {
-      this._rootComponent._route = location
+      this.app._route = location
     })
   }
 

src/install.js

@@ -14,7 +14,7 @@ export function install (Vue) {
     beforeCreate () {
       if (this.$options.router) {
         this._router = this.$options.router
-        this._router._rootComponent = this
+        this._router.app = this
         Vue.util.defineReactive(this, '_route', this._router.history.current)
       }
     }