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;

和您的compupent.vue中：

   import datas from './options.js'

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

从外部JavaScript文件设置Vue组件数据

2 个答案: