需求，vue项目，每次点击列表选择数据，并且将数据保存在本地缓存中，在另一个页面获取变化中的缓存数据，并且根据数据实时请求接口，渲染页面

可以使用Vue中的vuex和localStorage来实现这个需求。

首先，在点击列表选择数据时，通过vuex将数据保存到本地缓存中。具体实现方法如下：

1. 在vuex的state中定义一个变量，用来保存当前选中的数据。

state: {
  selectedData: null
},

2. 在mutations中定义一个方法，用来更新选中的数据。

mutations: {
  setSelectedData(state, data) {
    state.selectedData = data;
    localStorage.setItem('selectedData', JSON.stringify(data));
  }
},

3. 在点击列表项时，调用该方法。

methods: {
  selectItem(item) {
    this.$store.commit('setSelectedData', item);
  }
},

4. 在页面加载时，从本地缓存中获取选中的数据。

created() {
  const selectedData = JSON.parse(localStorage.getItem('selectedData'));
  if (selectedData) {
    this.$store.commit('setSelectedData', selectedData);
  }
},

接下来，在另一个页面中，可以通过vuex获取变化中的缓存数据，并根据数据实时请求接口，渲染页面。具体实现方法如下：

1. 在vuex的getters中定义一个方法，用来获取选中的数据。

getters: {
  selectedData: state => state.selectedData
},

2. 在页面中，使用computed属性获取选中的数据，并监听数据变化。

computed: {
  selectedData() {
    return this.$store.getters.selectedData;
  }
},
watch: {
  selectedData() {
    // 根据数据实时请求接口，渲染页面
  }
},

这样就可以实现每次点击列表选择数据，并且将数据保存在本地缓存中，在另一个页面获取变化中的缓存数据，并根据数据实时请求接口，渲染页面的需求了。