时间戳

首页 > 解决方案 > 在不同的js页面中定义Vue方法函数

javascript - 在不同的js页面中定义Vue方法函数

问题描述

新手，为这个愚蠢的问题提前道歉

我有一个 Vue 组件vuu

/path_to_main/vue_file/app.js

const vuu = new Vue({
    el: '#vuu',
    data: {
        latitude: 'longi',
        longitude: 'lati'
    },
    created: function(){this.checkIfGeolocationAvailable();},
    methods: {
        checkIfGeolocationAvailable: function(){
            getLocation(); // <-- this function
        }


    }
});

现在我想getLocation()在不同的 js 页面上定义说

/path_to_main/vue_file/helper.js

function getLocation() {alert("Hello");}

我怎样才能做到这一点？或者这是一个完全错误的方法？

标签： javascriptvue.js

解决方案

模块化从来都不是错误的方法。

使用es6 modulesand ，transpiler例如webpack,typescript等。

助手.js

export function getLocation() {alert("Hello");}

main.js

import {getLocation} from './helper.js'

一旦开始使用转译器，您还应该考虑使用 Vue single file components。此外，通过利用vue-cli-3，您可以消除用于转译器配置、测试和构建的大量繁重样板文件。

推荐阅读