在components新建一个vue组件:
<template>
<div>
<h1>{{ msg }}</h1>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}
</script>
<style scoped>
h1, h2 {
font-weight: normal;
}
</style>
然后 在app.vue中引用
import Hello from './components/Hello'
如果加注释的话 : 需要注意//(中间需要有一个空格 语法) inport
然后使用:
export default { name: 'app', components: { Hello } }