Allow dynamic values in v-link

Author: frolic

src/index.js

@@ -131,7 +131,7 @@ p.start = function (vm) {
     return
   }
   this._started = true
-  this._vm = this._vm || vm
+  this._vm = this._vm || vm.$root
   if (!this._vm) {
     throw new Error(
       'vue-router must be started with a root Vue instance.'

src/link.js

@@ -6,20 +6,23 @@ module.exports = function (Vue) {
   Vue.directive('link', {
 
     bind: function () {
-      var vm = this.vm
-      var href = this.expression
-      if (this.el.tagName === 'A') {
-        this.el.href = href
-      }
+      var self = this
       this.handler = function (e) {
         e.preventDefault()
-        vm.route._router.go(href)
+        self.vm.$root.route._router.go(self.destination)
       }
       this.el.addEventListener('click', this.handler)
     },
 
     unbind: function () {
       this.el.removeEventListener('click', this.handler)
+    },
+
+    update: function (value) {
+      this.destination = value
+      if (this.el.tagName === 'A') {
+        this.el.href = value
+      }
     }
 
   })