学习-vue3 指令插值

 

 

<template>
  <div>
    <p>插值:{{ rawHtml }}</p>
    <!-- 指令v-html -->
    <p>指令v-html:
      <i v-html="rawHtml"></i>
    </p>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const rawHtml = ref('<span style="color: red;">红色</span>')
</script>

<style lang="scss" scoped>

</style>
插值指令代码练习

 

posted on 2022-06-23 12:11  法老的微笑  阅读(22)  评论(0)    收藏  举报