Vue 打开时会出现如:{{message}}怎么解决呢?

想要解决打开页面出现{{message}},

我们需要使用  “隐身斗篷”  :  v-cloak

举个例子:

<div id="app">

</div>

我们通过 el:“#app" 挂载到app 这个大的div中

然后我们:

<div id="app"  v-cloak> //在这里加上斗篷

</div>

然后再<style>

[v-cloak]{

  dispaly:none;

}

</style>

这样就可以了,保证不会显示{{message}},

如果有特殊需求,就是要显示{{message}}的话,

那么,可以 使用 v-pre  ,就不会去vm中找值了,就只会显示{{message}}

猜你喜欢

转载自www.cnblogs.com/a973692898/p/12718232.html