Vue中嵌入原生HTML页面
在Vue中嵌入原生HTML页面通常意味着你想要在Vue组件中使用原生HTML标签。你可以直接在模板中写入这些标签，Vue会将它们渲染到页面上。以下是一个简单的例子：
<template>
<div>
<h1>这是Vue组件的标题</h1>
<p>这是一段原生的HTML内容。</p>
<button @click="sayHello">点击打招呼</button>
</div>
</template>
<script>
export default {
methods: {
sayHello() {
alert('你好，Vue!');
}
}
}
</script>
<style>
/* 可以在这里添加CSS样式 */
</style>在这个例子中，<h1>, <p>, 和 <button> 都是原生的HTML标签，它们将被Vue渲染到页面上。用户点击按钮时，会触发sayHello方法，弹出一个警告框。这是一个非常基础的Vue组件，但它展示了如何将原生HTML嵌入到Vue模板中。
评论已关闭