Inertia JS，在 JavaScript 中调用 Vue 方法答案

【问题标题】：Inertia JS, Calling Vue methods in JavaScriptInertia JS，在 JavaScript 中调用 Vue 方法
【发布时间】：2020-11-05 23:26:47
【问题描述】：

我们如何在 JavaScript 中调用 Vue 方法和使用 Vue 变量？

下面的例子，调用 test() 或获取任何变量的值

我正在使用 InertiaJS 渲染我的页面。

<script>
import Layout from '@/Shared/Layout'

export default {
  metaInfo: { title: 'Create User' },
  layout: Layout,
  props: {
    errors: Object,
  },
  remember: 'form',
  data() {
    return {
      sending: false,
      form: {
        first_name: null,
        last_name: null,
        email: null,
        password: null,
        owner: false,
        photo: null,
      },
    }
  },
  methods: {
    test() {
      //do something here
      console.log('test');
    },
  },
}

// Calling this should call Vue Method. But It's not working
test();

</script>

【问题讨论】：

标签： vue.js inertiajs

【解决方案1】：

如果你使用 Vue.js，你需要调用你的方法，test() 在 <template> 部分带有一个事件，例如 @click="test()"。我更喜欢写方法，像这样：test: function () {...}.

<div @click="test">...</div> 因为你没有test() 的参数

【讨论】：

谢谢，zerbene！