index.vue

<style lang="less" scoped>
</style>
<template>
    <div style="text-align: center;">
        <div><img style="width:200px;" src="../static/image/vue-logo.png" /></div>
        <div style="font-size:28px;">DaiVUE</div>
        <div>简易VUE网站快速成型框架</div>
        <div>功能模块示例</div>
    </div>
</template>
<script type="text/javascript">
// import '../static/style/style.less';
import { Vuex } from "dai-vue";
export default {
    /**混入对象 */
    mixins: [],
    /**接收来自父组件的数据 */
    props: {},
    data() {
        return {};
    },
    components: {},
    methods: {},
    watch: {},
    //计算属性
    computed: {
        ...Vuex.mapGetters(["vx_userInfo"]),
    },
    /** 在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用*/
    beforeCreate() {},
    /** 在实例创建完成后被立即同步调用*/
    created() {},
    /**在挂载开始之前被调用 */
    beforeMount() {},
    /**实例被挂载后调用 */
    mounted() {},
    /**在数据发生改变后,DOM 被更新之前被调用。 */
    beforeUpdate() {},
    /**在数据更改导致的虚拟 DOM 重新渲染和更新完毕之后被调用。 */
    updated() {},
    /**被 keep-alive 缓存的组件激活时调用。 */
    activated() {},
    /**被 keep-alive 缓存的组件失活时调用。 */
    deactivated() {},
    /**实例销毁之前调用。在这一步,实例仍然完全可用。 */
    beforeDestroy() {},
    /**实例销毁后调用。 */
    destroyed() {},
    /** 在捕获一个来自后代组件的错误时被调用。*/
    errorCaptured(error, component, info) {
        //此钩子可以返回 false 以阻止该错误继续向上传播。
        // return false;
    },
};
</script>