简单的组件
<!-- 模版 -->
<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>
