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

标签 javascript vue.js vuejs2

期望的行为:

/组件.vue

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

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

error: rowData is not defined.

/组件.vue

import datas from './options.js'

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

/options.js


export default datas = {
  rowData: []
};

最佳答案

你应该尝试这个:

import datas from './options.js'

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

或者:

import datas from './options.js'

export default {
  data(){
    return datas
  } 
}

如果不再添加数据。

关于javascript - 从外部 javascript 文件设置 vue 组件数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54242877/

相关文章:

css - Vuejs SPA需要根据语言为ltr和rtl加载css

javascript - 在 typescript 中导入json

javascript - SlideUp() 运行两次

javascript - 创建一个下拉菜单,在页面顶部向上打开,向下滚动时向下打开

apache - Directus api 和应用程序与前端在同一台服务器上

vue.js - 如何使用 vue-router 将数据从一个 View 传递到另一个 View

javascript - 热阻止.text转义浏览器上的html标签?

javascript - 如何检测元素是否在其容器之外?

vue.js - 开发时是否可以跟踪 Vue 中的源样式定义(sass、scss)?

javascript - Vue 和 CSS3 : absolute position in a relative wrapper messes up height