svelte @html

今天看官网实例的时候，看到@html相关的，一直疑惑，为什么要加@html，直接用{变量名}不行吗，后来发现区别，

用@html时

<script>
	let string = `here's some <strong>HTML!!!</strong>`;
</script>

<p>{@html string}</p>

效果如图

不用@html时

<script>
	let string = `here's some <strong>HTML!!!</strong>`;
</script>

<p>{string}</p>

效果如图

区别：

用@html时，字符串是以html的身份加入到p中，"strong"是以html标签身份，所以不会展示出"strong"标签；
而不用@html时，字符串就是一个简单字符串，字符串中所有内容都会被展示，包括strong标签。