vue2.0中methods和computed的区别

1、在html页面中直接引用<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

2、使用methods属性给vue定义方法，直接调用方法渲染数据，记得要加括号；

3、在浏览器查看运行效果，打开开发者工具，再次调用方法，可以看到函数重新进行了运算；

4、直接修改数值，函数还是重新进行了运算；

5、使用computed计算属性；

6、再次调用方法，直接读取缓存，不从新计算；

7、当数值发生变化时，函数才重新计算。