谷粒商城实战笔记-43-前端基础-Vue-使用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: 'HomeView',
components: {
HelloWorld
}
}
</script>这个代码实例展示了如何在Vue.js项目中使用Vue脚手架创建一个名为HomeView的组件。该组件导入了一个自定义组件HelloWorld，并在模板中使用它，同时传递了一个msg属性。这是模块化开发的一个简单例子，也展示了如何通过别名@来引用src目录下的文件。
评论已关闭