Ale.js

插件

使用插件

我们需要使用 Ale.use 函数来加载一个插件:

1
Ale.use();

其中,Ale.use 函数需要一个参数,来指定要加载的 Ale 插件对象。例如我们传入一个名为 test 的 Ale 插件对象:

1
Ale.use(test);

test 其实就是一个变量。在下面的章节中,我们将会学习如何制作一个 Ale 插件对象。

制作插件

首先先让我们来定义一个object

1
2
3
4
/* 定义一个名为test的变量 */
var test = {

}

如果要想让 test 成为一个 Ale 插件对象,那么它至少要具备 nameinstall 属性:

1
2
3
4
5
6
7
var test = {
name: "test", /* 插件名称 */
install: function(){
/* 安装函数,当用户 use 插件时会调用 */
alert("Hello!");
}
}

你可以在 install 属性里给 Ale 对象的 prototype 属性添加函数或属性…

反正随便啦,安装函数支持任意的 JavaScript 代码!

plugin对象

通过 Ale.plugin.函数名称 这种格式来调用 plugin 内部的任何内容。

目前 plugin 对象内置的函数如下:

  • inject() 【inject函数需要一个参数,类型需要为function,用来向组件内部注入内容(每当组件被渲染时都会触发)】
1
2
3
4
Ale.plugin.inject(function(obj){
/* 添加一个参数,obj是被注册组件渲染时的 ale组件对象 */
console.log(obj);
})
  • mixin() 【mixin(混入)是在组件定义时被触发,而注入是在组件渲染时被触发(使用方式和注入一样)】
1
2
3
4
5
6
7
Ale.plugin.mixin(function(obj){
/* 添加一个参数,obj是用户定义组件时添加的配置参数,而不是 ale组件对象!!!! */
console.log(obj);

/* 这里需要使用 return 返回 obj,否则组件将被注册为 undefined!! */
return obj;
})

在线实例

我们已经定义了一个名为 test 的 Ale 插件对象,现在让我们在控制台中输入 Ale.use(test) 来安装它吧!(安装时会输出 Hello! )


找到了一些错误?在Github上编辑!