Изменение или доступ к Vue.метод js из внешнего скрипта

Я не думаю, что это плохая идея-иметь свои функции вне вашего .компоненты vue. Таким образом, гораздо проще создавать чистые компоненты и просто экспортировать эти функции из этих файлов - ваших .компоненты vue могут импортировать их. (Но я думаю, что это самоуверенный шаблон, который вы либо используете, либо не используете.)

Приведенный ниже фрагмент только показывает, что легко добавить внешние функции к компонентам Vue (или экземпляру в этом случае):

const sumFunction = (a, b) => {
  return a + b
}

new Vue({
  el: "#app",
  computed: {
    result() {
      return sumFunction(Number(this.a), Number(this.b))
    }
  },
  data() {
    return {
      a: 0,
      b: 0
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">
  <input type="number" v-model="a" /><br />
  <input type="number" v-model="b" /><br /> a + b = {{result}}
</div>

Итак, ваши файлы могут выглядеть примерно так:

внешняя функция.JS:

export const sumFunction = (a, b) => {
  return a + b
}

sumTemplate.вю:

<template>
  <div>
    <input type="number" v-model="a" /><br />
    <input type="number" v-model="b" /><br />
    a + b = {{result}}
  </div>
</template>
<script>
import { sumFunction } from "@externalFunction"

export default {
  computed: {
    result() {
      return sumFunction(Number(this.a), Number(this.b))
    }
  },
  data() {
    return {
      a: 0,
      b: 0
    }
  }
}
</script>

Единственное, что следует подчеркнуть: при такой настройке юнит-тесты играют еще более важную роль . Вы должны следить за входами и выходами ваших функций, чтобы при их изменении никакие компоненты не ломались.