<template>
<!-- 本文件内容:组件的引入、挂载与使用 -->
<div id="app">
<!-- 3、在模板中使用 -->
<v-home></v-home>
<hr >
<v-news></v-news>
</div>
</template>
<script>
// 1、引入组件
import Home from ‘./components/Home.vue‘;
import News from ‘./components/News.vue‘;
export default {
data () {
return {
msg:‘你好vue‘
}
},
// 2、挂载组件
components:{ /*前面的组件名称不能和html标签一样*/
‘v-home‘:Home,
‘v-news‘:News
}
}
</script>
<style lang="scss">
</style>