Share&Joy

Ginger' Blog


  • 首页
  • 归档
  • 标签
  •   

© 2018 1-riverfish

Theme Typography by Makito

Proudly published with Hexo

Moon框架入门教程4

发布于 2017-09-02 tech Moon 

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

分享到 

 上一篇: Ubuntu/Debian下Supervisor安装与配置 下一篇: Moon框架入门教程3 

© 2018 1-riverfish

Theme Typography by Makito

Proudly published with Hexo