如何在index.html中获取vue-router？

Question

在的index.html：

<script> 
function demoFunction(name) { 
    this.$router.push({name: 'Succ'}) 
} 

为什么this.$router是undefined？我怎样才能得到vue-router？谢谢

Answer 1

貌似你在全局范围内定义了这个函数，所以this里面的函数会指向浏览器中的全局对象window。 window没有属性$router，这就是您未定义的原因。

您可以使用this.$router里面只有你VUE选项和太：

• ，如果你创建了一个新的路由器，比如像这样

  var router = new VueRouter({ 
      routes:[ 
       //your route objects 
      ] 
  }); 
  

• ，然后通过这台路由器实例作为财产到根vue实例

  new Vue({ 
      el: '#app', 
      router: router 
  });