vue.js数据绑定语法

来源:互联网 发布:网络童星 编辑:程序博客网 时间:2024/05/16 01:36

1.文本插值

使用 “Mustache” 语法(双大括号),Mustache 标签会被相应数据对象的 msg 属性的值替换。每当这个属性变化时它也会更新。

<span>Message: {{ msg }}</span>

2.原始HTML

双 Mustache 标签将数据解析为纯文本而不是 HTML。为了输出真的 HTML 字符串,需要用三 Mustache 标签:

<div>{{{ raw_html }}}</div>

3.HTML特性

Mustache 标签也可以用在 HTML 特性 (Attributes) 内:

<div id="item-{{ id }}"></div>

0 0