Inertia JS，在JavaScript中调用Vue方法

Question

我们如何在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>

Answer 1

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

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