html+vue,vue v指令

  html+vue,vue v指令

  本文主要介绍vue指令v-html和v-text。文章重点介绍了vue指令v-html和v-text的相关信息,有需要的朋友可以参考一下,希望对你有所帮助。

  

目录

   1、v-text文本渲染说明2、v-html

  

1、v-text 文本渲染指令

  (只能呈现文本,不能呈现标签)

  div id=test

  p v-text=message/p

  /div

  脚本src=。/js/vue.js/script

  脚本

  const vm=new Vue({

  el:#test ,

  数据:{

  消息:“h2hello vue/h2”

  }

  })

  /脚本

  输出结果为:

  

2、 v-html

  (可以渲染说明和标签)

  div id=test

  p v-html=message/p

  /div

  脚本src=。/js/vue.js/script

  脚本

  const vm=new Vue({

  el:#test ,

  数据:{

  消息:“h2hello vue/h2”

  }

  })

  /脚本

  输出结果为:

  这就是这篇关于vue指令v-html和v-text的文章。更多相关的v-html和v-text,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: