当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

vue快速入门(三) 之 v-text v-html

教程管理员 发布于2023-09-30 14:02 HTML教程 128

简介: vue快速入门(三) 之 v-text v-html

1.v-text

image

image

可以看出来v-text的作用就是把后边的变量message的值添加到div的文本内容部分,功能类似于在div文本处写{{message}}

image

image

我们发现v-text是吧标签里边的所有文本全都替换,而{{}}则不会,这是区别

image

image

另外这两个都支持字符串的拼接

2.v-html

image

注意到这次我们在message里边加上了h1标签,分别用v-text和v-html来做测试

image

发现v-html可以吧文本里的HTML代码转化成HTML格式,而v-text则是有啥就是啥


琼ICP备09004296号-12