Blazor和Vue对比学习（小知识点-1）：v-html指令和MarkupString类型转换

Blazor和Vue，都可以渲染包含原生HTML标签的变量，但因为安全原因，均不推荐这么做

1、Vue中使用v-html指令：

<template>
<span v-html="htmlString"></span>
</template>

<script setup>
import {ref} from 'vue'
const htmlString = ref('<a href = "http://www.hiwork.xyz">点击链接</a>')
</script>

 

2、Blazor中使用MarkupString进行类型转换

<div class="Parent">
<h1>灰色是父组件</h1>
<span>@((MarkupString)htmlString)</span>
</div>

@code {
private string htmlString = "<a href = 'http://www.hiwork.xyz'>点击链接</a>";
}