text Vue.js组件模板

Posted 2021-05-03

export default {
	state: {},
	getters: {},
	mutations: {},
	actions: {}
};

import {
    mapGetters,
    mapState,
    mapActions
} from 'vuex';

import store from './store';

export default {
    ...store,
    name: 'CoolComponent',
    props: {
        // TODO
    },
    data: () => ({
        // TODO
    }),
    computed: {
        ...mapGetters([
            // TODO
        ]),
        ...mapState([
            // TODO
        ]),
        prop: {
            get: () => 'computed `prop` getter',
            set: () => 'computed `prop` setter'
        }
    },
    components: {
        // TODO
    },
    watch: {
        // TODO
    },
    methods: {
        ...mapActions([
            // TODO
        ])
    },
    beforeCreate() {
        // TODO
    },
    created() {
        // TODO
    },
    beforeMount() {
        // TODO
    },
    mounted() {
        // TODO
    },
    beforeUpdate() {
        // TODO
    },
    updated() {
        // TODO
    },
    beforeDestroy() {
        // TODO
    },
    destroyed() {
        // TODO
    }
};

<template lang="html">

	<section class="cool-component-wrapper">

		<p>TODO</p>

	</section>

</template>

<style lang="scss" scoped>

	.cool-component-wrapper {
		/* TODO */
	}

</style>

<script src="./index.js"></script>