如何在vue组件sigle文件

时间:2019-08-15 11:02:37

标签: vue.js vue-component

我有一个带有变量的.js文件。每个数组项目都是[lat, lng]个Google Maps对象的数组。 我会在单文件vue组件中使用它们。 怎么做?

1 个答案:

答案 0 :(得分:0)

假设您的文件是模块,例如:

// points.js
export default [
    [1.247, 2.8542],
    [1.854, 2.9854]
]

您可以将其导入组件中并将其分配给其数据:

// component.vue
import latLngPoints from 'points.js';

export default {
   ... 
   data () {
       return {
            points: latLngPoints
        } 
   } 
}

您可以在组件中以this.points的形式使用它,也可以在模板中以{{ points }}的形式使用它。