Vue3项目练习详细步骤(第二部分：主页面搭建)
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js App"/>
</div>
</template>
<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
export default {
name: 'Home',
components: {
HelloWorld
}
}
</script>这个代码实例展示了如何在Vue 3项目中导入和使用一个组件。首先，我们从@/components/HelloWorld.vue路径导入了HelloWorld组件，并在components选项中注册它。然后在模板中，我们通过<HelloWorld />标签使用这个组件，并通过msg属性传递一个问候信息。这是开始构建Vue 3应用的一个基本步骤。
评论已关闭