vue 使用 export default

<script>
    export default {
        data() {
            return {
                x1: undefined,
                x2: [],
                x3: {}
            }
        },
        methods: {
            t1() {
                ...
            },
            t2() {}
        }
    }
</script>

export default是ES6的语法，意思是将这个东西导出，你要import 引入东西，导出了才能引用，data是一个函数是因为data是被很多组件共享的。

如果 data 是一个对象的话，每次实例化会造成所有的实例共享引用同一个数据对象。

data 是函数的话，每次创建一个新实例后，调用 data 函数，用return返回初始数据的一个全新副本数据对象，就避免了所有实例共享引用同一个数据对象。

为什么.vue文件需要使用export default