Vue学习之计算属性实例

1、打开WebStorm开发工具，新建‘test.html’文件，在文件同个目录内放入vue.js文件，并引入到页面。<script type="text/javascript" src = "vue.js"></script>

3、打开网页，查看效果如下图

5、打开网页，查看效果如下图，依然达到了效果，默认计算属性有getter，可以返回计算后的值

7、打开网页，点击按钮后查看效果如下图，成功更改了输出的内容