VUE学习——文本插值

最新推荐文章于 2024-10-18 23:53:04 发布

TopDreamer1225

最新推荐文章于 2024-10-18 23:53:04 发布

阅读量411

点赞数 7

分类专栏： VUE 文章标签： vue.js 学习前端

本文链接：https://blog.youkuaiyun.com/JiangMeiXue/article/details/136086518

版权

VUE 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了在Vue.js组件中如何使用模板和字符串插值创建一个指向百度的超链接，以及当需要插入HTML时使用v-html指令的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <P>{{ msg }}</P>
  <p>{{ rawHtml }}</p>
  <p v-html="rawHtml"></p>
</template>



<script>
  export default{
    data(){
      return {
        msg: "Hello World!",
        rawHtml: "<a href = 'www.baidu.com'>百度</a>"
      }
    }
  }
</script>