Vue2.0计算属性computed

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

2、写一个简单Vue程序；

3、声明了一个计算属性LowerCase，并在视图中渲染；

4、添加一个console.log方便测试；

5、在浏览器中查看运行效果；

6、打开开发者工具，当我们再次调用app.LowerCase时，LowerCase不会重新计算，而是直接读取缓存；

7、当app.msg的值发生改变时，LowerCase才会重新计算，这样大大节约了时间。