vue组件基础

1.组件的组成：template，script，style

2.组件的script写法

<script>



export default({
    
//data这里是一个函数！
data:function(){
   return {
       //data这里写要传的数据
          }
    }
})
</script>

3.注意：《1》组件中必须要有一个根节点

下面是错误写法：

<div></div>
<div></div>

正确写法：

<div>
    <div></div>
    <div></div>
</div>

《2》组件在被封装后都是相互独立的存在，没有父子关系，兄弟关系，只有在使用的时候才会出现父子关系，兄弟关系