Question

新手，对不起这个愚蠢的问题

我有一个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
        }


    }
});

现在我想在另一个js页面上定义getLocation()

/path_to_main/vue_file/helper.js

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

我该怎么做？还是这是完全错误的方法？

Answer 1

成为模块化绝不是错误的方法。

使用client = boto3.resource( 'ec2', region_name="us-east-1" ) Instance_ID = "<your Instance_ID>" instance = client.Instance(Instance_ID) instance.start() instance.wait_until_running()和es6 modules等transpiler等。

helper.js

webpack

main.js

typescript

一旦开始使用编译器，您还应该考虑使用Vue export function getLocation() {alert("Hello");}。此外，通过利用import {getLocation} from './helper.js'，您可以消除许多繁琐的样板配置，测试和构建。

Answer 2

我创建了一个辅助文件夹，但这不是必需的

helper / getLocation.js

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

App.vue

<template>
  <div id="app">
  </div>
</template>

<script>
import getLocation from './helper/getLocation.js'

export default {
  name: 'App',
  data() {
    return {}
  },
  mounted() {
    getLocation()
  }
}
</script>

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

2 个答案: