Vue中v-text和v-html的用法和区别

为什么要使用v-text和v-html?

不适用的话,如果页面加载比较慢时,页面会出现{{message}},等加载完成后变成对应值,这样的话对客户来说并不友好。

使用v-text和v-html可以保证当渲染结束后,值才会显示出来,对客户相对友好。

 

v-text和v-html的区别:

v-text使用较多,使用场景如上所说;

v-html对于内容中含有html标签时,需要加载这个标签(如message:'<h2>hello world</h2>'),使用v-html,不建议使用,容易被攻击。

posted @ 2021-06-14 15:25  show-code  阅读(1222)  评论(0编辑  收藏  举报