Vue中的export default 和带返回值的data()以及@符号的作用

一直以来很费解为什么vue组件有的写成export default，有什么用？

1. 声明一个vue，相当于 new Vue({})  
2. 达到可复用的目的，也就是说，export default 相当于导出当前vue组件，在其它引入当前组件时可以使用当前组件中的方法和变量。

那data（）是什么意思？

• 起到局部变量的作用。也就是说，这个data（）中return的变量和方法只限于当前声明此data（）的组件使用。如果全局vue有个变量叫 user,当前组件也有个变量叫user，那vue里面的到底用哪个？所以data()就起到了变量隔离的一种效果。

在引入组件时路径上加上@符作用是什么？

在编写vue文件中引入模块（如下）这里路径前面的“@”符号表示什么意思？

import model from "@/common/model";

作用：

@ 等价于 /src 这个目录，避免写麻烦又易错的相对路径

      resolve: {
                // 自动补全的扩展名
                extensions: [".js", ".vue", ".json"],
                // 默认路径代理
                // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找
                alias: {
                    "@": resolve("src"),
                    "@config": resolve("config"),
                    "vue$": "vue/dist/vue.common.js"
                }}

下面是我个人的公众号：

我会经常分享一些关于后端、Java、前端、架构、数据库以及工具等方面的文章，感兴趣的同学可以关注一下哦~