模板:
{{msg}} 数据更新模板变化
{{*msg}} 数据只绑定一次
{{msg}} 数据更新模板变化
{{*msg}} 数据只绑定一次
{{{msg}}} HTML转义输出
v-text与{{}}实现同样的功能,效果一样
<div id="app">
<h1 v-text="'用户名:' + name"></h1>
</div>
v-html
new Vue({
el:'body',
data:{
rawHtml:'<span style="color:red"></span>'
})
结果
过滤器:
过滤器可以用在两个地方:双花括号插值和 v-bind
表达式
在创建 Vue 实例之前全局定义过滤器(第一个参数是过滤器名字,第二个是过滤器实现的功能)