Javascript 拉威尔+;Vue 2如何在不同页面上运行某些函数

Javascript 拉威尔+;Vue 2如何在不同页面上运行某些函数,javascript,laravel,vue.js,vuejs2,laravel-routing,Javascript,Laravel,Vue.js,Vuejs2,Laravel Routing,我有这种困惑,我有函数getUsers()和getCategories()(例如)来检索各自页面中的所有用户和类别/admin/users&/admin/categories 我有一个加载用户的表,在另一个页面中有另一个加载类别的表 我被告知在创建的钩子类中使用它们: created: function() { this.getUsers(); this.getCategories(); } 但这会导致这些函数加载到同一页面中,我认为这是不必要的(可能当我有100万条记录时)

我有这种困惑,我有函数
getUsers()
getCategories()
(例如)来检索各自页面中的所有用户和类别
/admin/users
&
/admin/categories

我有一个加载用户的表,在另一个页面中有另一个加载类别的表

我被告知在创建的钩子类中使用它们:

created: function() {
    this.getUsers();
    this.getCategories();
}
但这会导致这些函数加载到同一页面中,我认为这是不必要的(可能当我有100万条记录时)

所以我想我需要的是当我在
/admin/users
上时运行
this.getUsers()
,当我在
/admin/categories
上时运行
this.getCategories()

注意:我没有使用Vue路由器。相反,我使用的是Laravel路由


我该怎么办?

如果不使用路由器,你如何管理路由?@connexo,作为指定标记,我使用的是Laravel路由。但这是服务器端,不是吗?我曾经认为Vue.js是一个SPA框架。据我所知,它不仅适用于SPA。这像是一个惯例吗?比如所有项目都应该使用什么?你是什么意思?我的意思是,如果你在设计web应用程序时经常使用你在这里写的东西。嗯,不。通常的做法是使用vue路由器。但是您的路由是基于laravel后端的,因此您只能通过JS中的
window.location
获取路由信息。我不知道laravel,所以我不知道将vue与laravelI一起使用时的最佳实践应该是什么。Laravel附带了Vue.js作为默认的js框架。
created: function() {
    var path = window.location.pathname;
    if(path === '/admin/users')
        this.getUsers();
    else if(path === '/admin/categories')
        this.getCategories();
}