weekCodeing / interview-answe

🌍 前端程序员训练 求星星 ✨ 各位同学可以在issues中提问,无论是实际项目中遇到的问题,或者是技术问题都可以, 大家一起解决💯 👍 😄。
http://www.dadaqianduan.cn/
76 stars 9 forks source link

170.[vue]Vue 中的 computed 和 methods 有什么区别 #170

Open webVueBlog opened 4 years ago

webVueBlog commented 4 years ago

[vue]

webVueBlog commented 4 years ago

Vue 中的 computed 和 methods 有什么区别

先看段代码

<template>
  <div>
    <p>使用computed {{ message }}</p>
    <p>使用methods {{ message() }}</p>
  </div>
</template>

<!-- 简略代码 -->
<script>
  data () {
    return {
      message: '我是message'
    }
  }
  computed: {
    message: function () {
      return this.message
    }
  },

  methods: {
    message() {
      return this.message
    }
  }
</script>