如何在Avalon.js中定义和复用公共方法

在 Avalon.js 中，定义公共方法并使其在多个页面中复用是一个常见的需求。以下是一个简单的示例，展示了如何实现这一点：

假设我们有一个 HTML 结构如下：

    点击我

接下来，在 Javascript 中，我们可以使用 avalon.define 方法来定义一个 ViewModel：

avalon.ready(function() {
    var home = avalon.define('pageHome', function(vm) {
        vm.downClick = function(id) {
            // 执行某些操作
            console.log('点击了ID为 ' + id + ' 的元素');
        };
    });
});

如果多个页面都需要使用相同的 downClick 事件处理函数，可以将这个方法提取到一个公共模块中。例如，创建一个名为 common.js 的文件：

// common.js
function downClick(id) {
    // 执行某些操作
    console.log('点击了ID为 ' + id + ' 的元素');
}

然后，在每个需要使用该方法的页面中引入 common.js 文件，并在定义 ViewModel 时引用它：

avalon.ready(function() {
    var home = avalon.define('pageHome', function(vm) {
        vm.downClick = downClick;
    });
});

通过这种方式，您可以轻松地在多个页面中复用公共方法，避免重复代码，提升开发效率。