Moon框架入门教程3

发布于 2017-09-02 tech Moon 

Moon框架入门教程3

编译器

Moon内置了一个传统的HTML编译器以生成渲染函数，这意味着在Moon被嵌入之前，模板必须先被Moon内置的HTML编译器编译为直白的javascript语言。

渲染

渲染函数在每次更新时被调用，并且它给予Moon一个新版本的轻量级虚拟DOM。这些渲染函数可以被定义在render选项中(for advanced user)。它们遵循为虚拟DOM引擎提供自定义元数据的“HyperMoon”语法。

例如：

1
2
3
4
5
6

new Moon({
  render: function(m){
    return m('h1',{attrs: {}},{shouldRender: false},[m("#text",{shouldRender: false},"Hello Moon!")]); 
    //same as <h1>Hello Moon!</h1>
  }
});

预编译

你应该每次预编译模板为渲染函数并在工作的时候提供他们，以便Moon可以在运行时间跳过编译你的HTML。想要直接编译HTML，可以使用全局函数Moon.compile

1

Moon.compile("<p>Some HTML"</p>)

你也可以试试这个编译器

短学期实训，新生开学耽误了几篇，周六补上。

Any question please contact 1-riverfish