简单的组件

<!-- 模版 -->
<template>
<!-- 只能存在一个根容器-->
<div class="main"><p>learn vues</p>
<forma /></div>

</template>

<script>
import forma from ‘./forma‘
export default{
name:"learn", //组件名称
components:{forma}, //注入
//所以初始化状态放在data中
data(){
return{

}
}
}
</script>

<!--样式 -->
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="css" scoped>
.main{background-color:red;color:#fff;}
</style>

简单的组件

原文：https://www.cnblogs.com/xiao-peng-ji/p/11306414.html