Vue v-text v-html

最新推荐文章于 2025-07-02 12:23:07 发布

原创最新推荐文章于 2025-07-02 12:23:07 发布 · 860 阅读

0 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

53 篇文章

订阅专栏

本文探讨了Vue.js中的模板语法，展示了如何使用插值表达式和指令进行数据绑定。通过具体示例，读者可以了解如何在Vue组件中显示字符串、HTML内容以及计算属性。

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

<template>
  <div id="app">
    //字符串
    <p v-text="HELLO"></P>
    //读取标签
    <p v-html="HELLO"></P>
    {{num + 1}}
    {{status ? 'success':'fail'}}
  </div>
</template>

<script>
export default {
  data(){
    return{
      HELLO:'<span>world</span>',
      num:1,
      status:true
    }
  }
 
}
</script>

<style>

</style>