vuex-state:mouted中将vuex内state中数据存储到data内

最新推荐文章于 2023-12-09 11:30:47 发布

l-Isabel

最新推荐文章于 2023-12-09 11:30:47 发布

阅读量1.9k

点赞数

分类专栏： state mouted 文章标签： vue

本文链接：https://blog.csdn.net/Isabeldeng/article/details/109091690

版权

Vue.js 路由模板渲染 Vuex 前端开发

关键词由CSDN通过智能技术生成

state 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

mouted

1 篇文章 0 订阅

订阅专栏

<script>
    export default {
        data() {
            return {
                list: []
            }
        },
        mounted () {
           this.list = this.$store.state.menulist;
        //    console.log(this.list);
        },
    }
</script>

<template>
    <div class="homemenu">
        <ul>
            <li v-for="item in list" :key="item.id">
                <p><router-link :to="`/bloglist/${item.id}`">{{item.category.substring(0,1)}}</router-link></p>
                <h4><router-link :to="`/bloglist/${item.id}`">{{item.category}}</router-link></h4>
            </li>
        </ul>
    </div>
</template>