【web前端面试必问1】vue中 methods、computed、watch的区别

目录

1、什么叫methods方法？

2、什么叫computed属性？

3、什么叫 watch 属性？

4、 methods与 computed 对比

总结：

---

注意：如果像弄明白这个问题，必须得清楚methods，computed，watch 到底是上什么得问题？

1、什么叫methods方法？

<div>{
  { num }}</div>
<button @click='addNum'> +1 <button>

<script>
    methods：{
        addNum() {
            return this.num += 1
        }
    }
</script>

这里的 @click 叫点击事件， addNum 叫事件处理函数名

在 methods 节点中定义这个 addNum()  函数，然后addNum() 这个函数的返回值是

this.num += 1 这个代码的意思是：让这里的num值加上1 然后再赋值给自生num

2、什么叫computed属性？

结构模板中的标签内使用js表达式，设计的目的只是为了简单的运算。如果行内标签里面的有太多的逻辑&#