美文网首页
Vue的模板语法

Vue的模板语法

作者: 悄敲 | 来源:发表于2019-02-10 21:31 被阅读0次

    (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标题格式)。

    更多模板语法后续学习更新。

    相关文章

      网友评论

          本文标题:Vue的模板语法

          本文链接:https://www.haomeiwen.com/subject/ksgxeqtx.html