<commit_before><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>计算属性#计算缓存 vs Methods - 计算属性 - Vue.js</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
  </head>
  <body>
    <div id="example">
      <p>Reversed message: "{{ reverseMessage() }}"</p>
    </div>
    <script>
      var vm = new Vue({
        el: '#example',
        data: {
          message: 'Hello'
        },
        methods: {
          reverseMessage: function () {
            return this.message.split('').reverse().join('')
          }
        }
      })
      // 计算属性是基于它的依赖缓存。
      // 计算属性只有在它的相关依赖发生改变时才会重新取值。
      // 只要 message 没有发生改变，
      // 多次访问 reversedMessage 计算属性会立即返回之前的计算结果，
      // 而不必再次执行函数。

      // 每当重新渲染的时候，
      // method 调用总会执行函数。
    </script>
  </body>
</html><commit_msg>计算属性 · 计算属性 #计算缓存 vs Methods<commit_after><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>计算属性#计算缓存 vs Methods - 计算属性 - Vue.js</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
  </head>
  <body>
    <div id="example">
      <p>Reversed message: "{{ reverseMessage() }}"</p>
    </div>
    <script>
      var vm = new Vue({
        el: '#example',
        data: {
          message: 'Hello'
        },
        methods: {
          reverseMessage: function () {
            return this.message.split('').reverse().join('')
          }
        }
      })
      // 计算属性是基于它的依赖缓存。
      // 计算属性只有在它的相关依赖发生改变时才会重新取值。
      // 只要 message 没有发生改变，
      // 多次访问 reversedMessage 计算属性就会立即返回之前的计算结果，
      // 不必再次执行函数。

      // 每当重新渲染的时候，
      // method 调用总会执行函数。
    </script>
  </body>
</html>

{'fraction_non_alphanumeric': 0.16383850204798128, 'fraction_numerical': 0.0011702750146284377, 'mean_word_length': 1.6470588235294117, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3837740', 'n_tokens_mistral': 742, 'n_tokens_neox': 776, 'n_words': 108}