.vue文件

//在<template/>标签下只能有一个子节点元素，如果写多个如<div/>这样的标签则会报错    
<template>
    <div>

     //(3)--使用标签
      <FooterGuide></FooterGuide>
    </div>
</template>
<script>

    //(1)--引入组件
    import FooterGuide from '../FooterGuide.vue'
    export default {//配置对象（与Vue一致）
        data(){//data可以写成对象形式，data:{}。但是在组件中，必须写成函数
            return {//返回一个对象
                msg: '数据'
            }
        },
        methods: {
          login: function() {
              console.log('hello');
          }
        }，
        //(2)--映射成标签
        components:{
            FooterGuide
        }
    }
</script>
<style lang="stylus" rel="stylesheet/stylus">

</style>

//说明：
//ES6写法
data(){
        return {
            msg: '数据'
        }
    }
相当于
data: function () {
    return {
        msg: '数据'
    }
}
data是一个函数，函数返回一个对象。
不直接声明成一个对象的原因待确定