fix v-link active class matching for /

Author: yyx990803

src/directives/link.js

@@ -61,7 +61,9 @@ export default function (Vue) {
       path = router._normalizePath(path)
       this.destination = path
       this.activeRE = path
-        ? new RegExp('^' + path.replace(regexEscapeRE, '\\$&') + '\\b')
+        ? path === '/'
+          ? /^\/$/
+          : new RegExp('^' + path.replace(regexEscapeRE, '\\$&') + '\\b')
         : null
       this.updateClasses(this.vm.$route.path)
       let isAbsolute = path.charAt(0) === '/'
@@ -85,8 +87,7 @@ export default function (Vue) {
       let activeClass = router._linkActiveClass
       let exactClass = router._linkActiveExactClass
       if (this.activeRE &&
-          this.activeRE.test(path) &&
-          path !== '/') {
+          this.activeRE.test(path)) {
         _.addClass(el, activeClass)
       } else {
         _.removeClass(el, activeClass)

test/unit/specs/core.js

@@ -219,33 +219,43 @@ describe('Core', function () {
       template:
         '<a id="link-a" v-link="{ path: \'/a\' }">Link A</a>' +
         '<a id="link-b" v-link="{ path: \'/b\' }">Link B</a>' +
+        '<a id="link-c" v-link="{ path: \'/\' }">Link C</a>' +
         '<router-view></router-view>'
     })
     router.start(App, el)
     el = router.app.$el
     var linkA = el.querySelector('#link-a')
     var linkB = el.querySelector('#link-b')
+    var linkC = el.querySelector('#link-c')
+    expect(linkA.className).toBe('')
+    expect(linkB.className).toBe('')
+    expect(linkC.className).toBe('active active-exact')
     router.go('/a')
     nextTick(function () {
       expect(linkA.className).toBe('active active-exact')
       expect(linkB.className).toBe('')
+      expect(linkC.className).toBe('')
       router.go('/a/b/c')
       nextTick(function () {
         expect(linkA.className).toBe('active')
         expect(linkB.className).toBe('')
+        // expect(linkC.className).toBe('')
         router.go('/b')
         nextTick(function () {
           expect(linkA.className).toBe('')
           expect(linkB.className).toBe('active active-exact')
+          expect(linkC.className).toBe('')
           router.go('/b/c/d')
           nextTick(function () {
             expect(linkA.className).toBe('')
             expect(linkB.className).toBe('active')
+            expect(linkC.className).toBe('')
             router.go('/bcd')
             nextTick(function () {
               // #114 should not match
               expect(linkA.className).toBe('')
               expect(linkB.className).toBe('')
+              expect(linkC.className).toBe('')
               done()
             })
           })