前端尚硅谷尚品汇Vue项目笔记




<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项目中导入和使用HelloWorld组件。首先，我们从@/components/HelloWorld.vue路径导入HelloWorld组件，然后在components对象中注册它，最后在模板中使用该组件。这是一个典型的Vue单文件组件结构，展示了如何组织和管理前端项目中的代码。

前端尚硅谷尚品汇Vue项目笔记

评论已关闭

推荐阅读