从外部 javascript 文件设置 vue 组件数据

Question

期望的行为：

/component.vue

export default {
  data(){
    return{
      rowData: []
    }
  } 
}

我想在外部文件中定义来自 vue 组件的数据。

错误：rowData 未定义。

/component.vue

import datas from './options.js'

export default {
  data(){
    return{
      datas
    }
  } 
}

/options.js

export default datas = {
  rowData: []
};

Answer 1

你应该试试这个：

import datas from './options.js'

export default {
  data(){
    return{
      ...datas
    }
  } 
}

或：

import datas from './options.js'

export default {
  data(){
    return datas
  } 
}

如果不再添加数据。

Answer 2

您在 options.js 中缺少 const 关键字，请尝试像这样添加它：

  const datas = {
  rowData: []
 };
 export default datas;

在你的 compponent.vue 中：

   import datas from './options.js'

  export default {
      data(){
         return{
               datas:datas
             }
           } 
         }