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


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

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

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

v-text和v-html的区别:

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

v-html对于内容中含有html标签时,需要加载这个标签(如message:'

hello world

'),使用v-html,不建议使用,容易被攻击。