vue.js v-cloak是什么意思?

Question

vue.js v-cloak是什么意思

Answer 1

作用是取消数据绑定时出现的代码闪烁。在angular里面则是用ng-cloak指令。
example1:
<span>{{price}}</span>
example2:
<span v-bind="price"></span>
example3:
<span v-cloak>{{price}}</span>
事实上例子2和例子3实现的效果是一样的，而例子1在vuejs解析{{price}}之前，用户是可以看到"{{price}}"这个字符串的。而例子2和例子3不会有这种闪烁的情况。

Answer 2

作用是取消数据绑定时出现的代码闪烁。

在angular里面则是用ng-cloak指令。

example1:

<span>{{price}}</span>

example2: 

<span v-bind="price"></span>

example3: 

<span v-cloak>{{price}}</span>

事实上例子2和例子3实现的效果是一样的，而例子1在vuejs解析{{price}}之前，用户是可以看到"{{price}}"这个字符串的。而例子2和例子3不会有这种闪烁的情况。

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。

与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。

Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。