vue里的data为什么要加return

export default {
  name: "index",
  components: {Treeselect},
  data() {
    return {
      fac_id: '',
      month: '',
      // 部门树下拉数据
      deptOptions: [],
      containHeight: 0,
      speadHeight:200,
      // 查询参数
      queryParams: {
        queryMonth: '',
        facId: null
      }
    }
  }」

项目中data需要使用return返回数据呢？

// 答：不使用return包裹的数据会在项目的全局可见，会造成变量污染
//    使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件

原文链接：https://www.jb51.net/article/162128.htm

在Vue.js中，为什么要将data写成一个返回对象的函数data()而不是一个普通的对象data: {}

为什么？
因为Vue.js的组件实例是可复用的，而且它们可以在应用中多次实例化。通过将data定义为一个返回对象的函数，可以确保每个组件实例都有一个独立的数据对象，实现数据隔离，组件互不影响，而不是共享同一个对象，数据耦合在每一个组件中。                      
原文链接：https://blog.csdn.net/qq_58647634/article/details/132914557