Установка данных компонента VUE из внешнего файла JavaScript

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
             }
           } 
         }