zoukankan      html  css  js  c++  java
  • vue mapState

    ------------恢复内容开始------------

    mapState的用法

    export default new Vuex.Store({
    state: {
    count: 0,
    list: [{
    id: "11",
    name:"hucuie"
    },
    {
    id: "12",
    name:"hucuie"
    },
    ]
    },
    mutations: {},
    actions: {},
    modules: {}
    })

    //1引入mapState

    import {
    mapState
    } from 'vuex'

    <button>{{count}}</button>
    <ul>
    <li v-for="item in list" :key="item.id">
    {{item.id}}
    </li>
    </ul>

    // computed: {
    // count() {
    // return this.$store.state.count
    // },
    // list() {
    // return this.$store.state.list
    // }
    // }
    //mapState/是一个方法,方法里面有对象/
    // computed: mapState({
    // count:state=>state.count,
    // lists:state=>state.list

    // }),

    第二种写法放一个数组
    computed:mapState(["count",'list'])

    ------------恢复内容结束------------

  • 相关阅读:
    PYTOHN1.day14
    PYTHON1.day13
    PYTHON1.day12
    PYTHON1.day11(n)
    PYTHON1.day10
    PYTHON1.day09
    PYTHON1.day08
    同步代码块 synchronized
    守护线程
    休眠线程
  • 原文地址:https://www.cnblogs.com/xzhce/p/13549395.html
Copyright © 2011-2022 走看看