尝试从data函数中删除globalVariable，该函数是React式的并触发重新呈现：

let globalVariable = 0
new Vue({
  el: '#app',
  data() {
    return {
      posts: [
        { id: 1, title: 'Post A' },
        { id: 2, title: 'Post B' },
        { id: 3, title: 'Post C' }
      ]
    };
  },
  computed: {
    getGlobalVariable() {
      return globalVariable
    }
  },
  methods: {
    incrementGlobalVariable() {
      globalVariable++;
      return globalVariable
    }
  }
});

个字符

整个设计模式没有意义，因为对列表的任何更新都会再次增加全局。所以这意味着你的列表是相当静态的。
如果你的列表是静态的，使用v-once：

new Vue({
  el: '#app',
  data() {
    return {
      globalVariable: 0,
      posts: [
        { id: 1, title: 'Post A' },
        { id: 2, title: 'Post B' },
        { id: 3, title: 'Post C' }
      ]
    };
  },
  methods: {
    incrementGlobalVariable() {
      return ++this.globalVariable;
    }
  }
});

个字符

methods: {
incrementGlobalVariable() {
    this.globalVariable+=1;
    return this.globalVariable;
  }
}

字符串
然后：

<div id="app">
  <ul>
    <li v-for="(post, index) in posts" :key="post.id">
      <p>Global Variable @ {{ post.title }}: {{ incrementGlobalVariable() }}</p>
    </li>
  </ul>
  <p>Global Variable: {{ globalVariable }}</p>
</div>

型
测试结果：

Global Variable @ Post A: 1
Global Variable @ Post B: 2
Global Variable @ Post C: 3
Global Variable: 3

型