<template>
<div>
新闻列表
<ul>
<li v-for="(item,index) in pageList"
:key="index">
{{item.title}}-{{item.content}}
</li>
</ul>
</div>
</template>
<script>
import store from '@/store'
export default{
name:'List',
store,
computed:{
pageList(){
return store.state.lists
}
}
}
</script>
找到问题原因了,list页面里computed:{
pageList(){
//每次 监听stroe里list 的状态 变化
return store.state.newList
//其中newList是store.js文件里state里定义的数据
}
}