组件使用
有两种方式将组件渲染到页面中:
- 对于根组件,调用
Intact.mount()
方法,直接将组件挂载到指定的元素下 - 对于子组件,可以在模板中当做标签引入
我们将上述SubComponent
当做根组件,挂载到#app
下
Intact.mount(SubComponent, document.getElementById('app'));
也可以将上述SubComponent
当做子组件,以标签形式引入
var SubComponent = self.SubComponent;
<div>
当做子组件引入
<SubComponent />
</div>
var App = Intact.extend({
template: template,
_init: function() {
this.SubComponent = SubComponent;
}
});
Intact.mount(App, document.getElementById('app1'));
注意:以标签形式引入组件,组件名首字母必须 大写