(1)插值表达式,即在dom元素标签内以{{ msg }}的形式表示(如<div> {{msg}} </div> ,msg源于Vue实例中的data),将数据解释为普通文本,而不是html代码,结果会将msg代表的数据(如"<h2> dell </h2>")以原始形式呈现在页面上。("<h2> dell </h2>")
(2) v-text:用法为v-text=''msg",此处"msg"并不表示字符串,而是js表达式(如v-text="msg + ' hello' ")。在页面上的呈现结果是以文本形式,类似插值表达式。
(3)v-html: v-html="msg",将msg中的数据处理为html元素(如"<h2> dell </h2>",在页面上显示为dell(以h2标题格式)。
更多模板语法后续学习更新。
网友评论