组件基础

在介绍页面，我们已经了解了关于 template 属性的一些知识：

其实，template 属性还支持接收一个函数，但是具体的模板需要使用返回：

那么，将 template 属性设置为函数有什么好处呢？其实，它可以自动绑定一个叫 的属性。

例如我们在 属性里定义一个名为的值，然后渲染它：

Ale("com1", {
    template: function(){
        return "Hello " + this.name;
    },
    data: {
        name: "World"
    }
});

/* 切记一定不可使用 ES6 的箭头函数，因为箭头函数不会绑定 this
Ale("com1", {
    template: () => {
        return "Hello " + this.name; //错误！
    },
    data: {
        name: "World"
    }
});
*/

当然，同一个组件也可以被渲染多次：