new Vue({}) 与 export default {}

1. new Vue({}) 在vue官网中写的是创建一个新的 Vue 实例

2. export default {}

vue中常看到：

<template>
    <div class="footer">
        {{text}}
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        data () {
            return {
                text: '我是footer'
            }
        }
    };
</script>

<style lang="css">
    .footer {
        width:100%;
        height:40px;
        line-height:40px;
        background:rgba(0,0,0,.8);
        color:#fff;
    }
</style>

export default {}返回的是VueComponent的实例对象，大家可以打出日志看看

export default是es6的用法，那为什么会返回的是VueComponent的实例对象？

因为用到了vue-loader。vue-loader把.vue文件编译成.js文件，产出的js导出了一个符合vue组件component定义的object对象

export default是中为啥可以使用vue原型Vue.prototype.xx的方法？

因为VueComponent通过原型链