Блог

Как мы можем вызывать методы Vue и использовать переменные Vue в JavaScript?

Ниже приведен пример, вызывающий 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 вам нужно вызвать свой метод test() в <template> части с событием, как @click="test()" , например. И я предпочитаю писать метод, например, так : test: function () {...} .

<div @click="test">...</div> потому что у вас нет параметра для test()