What do 3 dots in front of a function mean in vue template?

Question

JavaScript

import { mapActions, mapGetters } from 'vuex';

export default {
    name: 'ViewDataList',
    props: {
        status: String,
    },
    computed: {
        ...mapGetters(['dataList', 'currentItem'])
    },
    methods: {
        ...mapActions(['loadData', 'setCurrentItem', 'moveBack', 'loadDataItemInfo', 'resetQuery']),

        selectItem(event) {
            const id = event.target.dataset.id;
            this.setCurrentItem(id);

            if (this.status == 'modal') {
                this.loadDataItemInfo();
            }
        },

        resetItem() {
            this.resetQuery();
        },

        nextStep() {
            this.$emit('nextStep');
        }
    },
    created() {
        this.loadData();
    },
}

Answer 1

This means you don't know js .
And in general - poorly understand the meaning of the words you use. What template, what are you? The vue template is html that compiles to a render function. What did you show?

Answer 2

mapActions and mapGetters (and often also mapState and mapMutations) are Vuex methods that allow you to access the vuex store functionality in the context of the current component. In fact, it only makes the code more beautiful.
For example, in your example, there is loadData in mapActions. In this case, you can simply refer to this.loadData();
If without this, you would have to write such a long and ugly code: Read the Vuex documentation. this.$store.dispatch('loadData');

Answer 3

Apparently, your Camera.main is null, you can check it with a debugger. If it is null, then your camera does not have the MainCamera tag, set it, and it should work. Or drag the camera to the script through the inspector or code.