组件使用

有两种方式将组件渲染到页面中:

  1. 对于根组件,调用Intact.mount()方法,直接将组件挂载到指定的元素下
  2. 对于子组件,可以在模板中当做标签引入

我们将上述SubComponent当做根组件,挂载到#app

  1. Intact.mount(SubComponent, document.getElementById('app'));

也可以将上述SubComponent当做子组件,以标签形式引入

  1. var SubComponent = self.SubComponent;
  2. <div>
  3. 当做子组件引入
  4. <SubComponent />
  5. </div>
  1. var App = Intact.extend({
  2. template: template,
  3. _init: function() {
  4. this.SubComponent = SubComponent;
  5. }
  6. });
  7. Intact.mount(App, document.getElementById('app1'));

注意:以标签形式引入组件,组件名首字母必须 大写