Moon框架入门教程4
模板
Moon拥有自定义模板语法,类似于Mustache。所有的属性(非指令)和文本为这些模板而编译。
例如
1 | <h1 id='{{id}}'>{{data}}</h1> |
模板可以有一个有效的JavaScript路径来访问数组或对象上的属性
例如
1 | <h1>{{method(data.foo.bar[5].baz)}}</h1> |
Note:本质上,这会被转化成类似:
1 | instance.callMethod('method',[instance.get('data').foo.bar[5].baz]); |
HTML ( How To Meet Lady :)
默认情况下,文本会被忽略,这意味着你不能在其中写入HTML。如果你这么做,文本只会被渲染成文本(plain)。想要渲染HTML,可以使用
m-html
指令。
指令
所有的指令都有前缀
m-
对于编译器来说,它们是缩写,例如m-if
会告诉编译器条件渲染一些元素。指令都是编译在模板内的,这意味着它们被编译成表达式。
例如,当你执行m-if=""
,你其实在做m-if="condition"
,while you would use the first version for normal attributes.
入门四,五看的我有点迷,没有具体例子理解起来挺费劲,理解有偏差的地方欢迎指正。
Any question please contact 1-riverfish