在 AngularJS 和 Vue.js 中，模块之间通常通过依赖注入（DI）进行耦合。DI 是一种用于创建可复用、独立的模块和组件的软件工程实践。在 AngularJS 中，DI 是通过注入器（如 $http 或 $resource）实现的，而在 Vue.js 中，DI 是通过依赖注入（如 Vue.prototype.$http 或 Vue.prototype.$resource）实现的。

以下是一些常见的模块间耦合方式：

1. 模块间的依赖：在 AngularJS 中，你可以通过依赖注入将一个模块作为另一个模块的依赖。例如，如果你有一个控制器（如 LoginController），你可以将其作为另一个模块（如 AuthModule）的依赖。这样，这两个模块就可以共享相同的控制器。

```javascript var authModule = angular.module('authModule', ['ngRoute']);

authModule.controller('LoginController', ['$scope', '$http', function($scope, $http) { $scope.login = function() { // 执行登录逻辑 }; }]); ```

1. 模块间的公共方法：在 AngularJS 中，你可以将一个模块的公共方法（如 auth.login）作为另一个模块的公共方法（如 AuthController）。这样，这两个模块就可以共享相同的公共方法。

```javascript var authModule = angular.module('authModule', ['ngRoute']);

authModule.controller('AuthController', ['$scope', '$http', function($scope, $http) { $scope.login = function() { // 执行登录逻辑 }; }]); ```

1. 模块间的异步处理：在 AngularJS 中，你可以将一个模块的异步处理（如 auth.login）作为另一个模块的异步处理（如 AuthController）。这样，这两个模块就可以共享相同的异步处理。

```javascript var authModule = angular.module('authModule', ['ngRoute']);

authModule.controller('AuthController', ['$scope', '$http', function($scope, $http) { $http.get('https://api.example.com/login') .then(function(response) { $scope.login(response.data); }); }]); ```

在 Vue.js 中，DI 是通过依赖注入（如 Vue.prototype.$http 或 Vue.prototype.$resource）实现的。你可以将一个模块的依赖注入到另一个模块中，以实现模块间的耦合。

例如，你可以创建一个全局的 axios 配置对象，然后在每个模块中注册这个配置对象：

```javascript var axios = require('axios');

this.$axios = axios.create({ baseURL: 'https://api.example.com', timeout: 5000 }); ```

然后，在每个模块中，你可以注册依赖注入：

javascript this.$authModule = { auth: { login: this.$axios.login, logout: this.$axios.logout } };

这样，你就可以在任何模块中调用这些依赖注入的方法，实现模块间的耦合。