<template>
<div>
<ul>
<li v-for="(item,index) in pageLists" :key="index"></li>
<li>{{item.title}}-{{item.content}}</li>
</ul>
</div>
</template>
<script>
import store from '@/store'
export default {
name:"List",
store,
computed:{
pageLists(){
return store.state.lists
}
}
}
</script>
<style>
</style>
<li v-for="(item,index) in pageLists" :key="index"></li>
<li>{{item.title}}-{{item.content}}</li>
此处遍历时由于多了<li>标签导致{{}}部分和v-for部分分离，
<li v-for="(item,index) in pageLists"
:key="index">
{{item.title}}-{{item.content}}
</li>
困扰我半个小时，太不细心了