vue里的渲染以及computed的好处

 1  <div id="app">
 2      <div></div>
 3      <p>{{num}}</p>
 4      <p>{{showName}}</p>
 5      <p>{{name}}</p>
 6      <button v-on:click=‘add‘>add</button>//点击此按钮，add在methods里，会导致页面被重新渲染，所有页面需要的函数都会重新执行一遍，但computed里的函数不会执行
 7      <button v-on:click=‘changeName‘>name</button>//点击此按钮，是否会导致页面重新渲染？？是否会引起methods里函数执行
 8 
 9     </div>
10     <script src="vue.js"></script>
11     <script>
12         var vm = new Vue({
13             el:"#app",
14            data:{
15                name:‘aaa‘,
16                num:0
17            },
18            methods:{
19               
20                add:function(){
21                    this.num ++
22                },
23                changeName:function(){
24                    this.name = this.name+‘a‘
25                }
26            },
27            computed:{
28             showName:function(){
29                    alert(‘showName执行了‘)
30                    return this.name
31                },
32             
33            },
34 
35         })
36     </script>