模板:template

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

自由学三年,把想法变成现实。33 折优惠(最后 7 天), 现在订阅 →

在应用里有些数据,把它们显示在页面上,可以使用 Mustache 语法,就是两组大括号 ... 因为看起来像小胡子,所以叫 Mustache ...

这里显示的就是 message 这个属性的值 ... 这个值发生变化以后,Vue 的 Virtual DOM 会重新渲染,所以显示这个值的地方也会随着变化 ...

如果你想绑定一次性的数据,也就是数据有变化的时候不更新显示的数据 .. 可以在它的周围添加组标签 .. 上面用一个 v-once 指令 ...

再试着更新一下 message 这个数据 ... 你会发现,页面上的显示并没有随着更新 ..

这个 Mustache 里面,也可以使用一些表达式,比如我们先在应用里添加一个新的数据,名字是 loggedIn .. 让它的值等于 false ..

回到这个 html 文档 .. 在这里,我们可以先看一下应用里的 loggedIn 的值,如果是 true 的话,就显示这个 message ,如果是 false ,就显示一个 请先登录 :)

现在显示的是 请先登录 .. 因为 loggedIn 的值现在是 false .. 我们可以设置一下 loggedIn 的值,让它等于 true ...

现在页面上就会显示 message 里面的内容了 ..

模板:template《 Vue.js 前端框架 》

统计

10670
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点