本地JS代码调用VUE的methods问题

最近开始接触vue，遇到一个可能不是问题的问题：定义在methods标签里面定义的方法，可以调用vue上下文环境，可以用一些框架方法，比如访问接口，以及调用一些公共库的文件， 但是直接写在 <script>标签下面的function则不行。那如果原生的js方法需要访问后台接口怎么办呢？尝试了一下，本地js函数似乎没办法直接调用methods里面的方法。也有一些大神给的方法看起来比较复杂，对现有代码改动也比较大，不知道能不能行。于是便开始了自己探索。

直接调用如果很麻烦的话，咱拐个玩儿还不行么，主打一个指东打西。。。

<template>里写了一个button，这里可以绑定@click，调用methods里面的方法。

<button id="d_button" @click="onUpdateDeviceAlarm" style="display: none;">巴拉巴拉巴拉</button>

然后，在原生js的 function里面主动触发一下这个button，参数就随便找个input或者div的值传一下就好了。

    // 触发点击事件 调用methods里的方法

    var button = document.getElementById("d_button");

    button.click();

以上，不知道是不是成熟的做法，但确实没有看到有人说，算是自己探索出来的吧，记录一下，备忘。