computed:{计算属性名称:function(){}}
计算属性与方法的区别：
计算属性是基于他们的依赖进行缓存的方法不存在缓存字符串反转案例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="vue.js"></script> </head> <body> <div id="app"> <div>{{msg}}</div> <!--字符串反转--> <div>{{msg.split('').reverse().join('')}}</div> <div>{{fanzhuan}}</div> </div> <script type="text/javascript"> var vm = new Vue({ el:"#app", data:{ msg:"hello" }, methods:{ }, //计算属性 //计算属性与方法的区别：计算属性是基于他们的依赖进行缓存的 //方法不存在缓存 computed:{ fanzhuan:function(){ return this.msg.split('').reverse().join(''); } } }) </script> </body> </html>注释：
split() 方法用于把一个字符串分割成字符串数组；语法：stringObject.split(separator,howmany)
reverse() 方法用于颠倒数组中元素的顺序；该方法会改变原来的数组，而不会创建新的数组。
join() 方法用于把数组中的所有元素放入一个字符串；元素是通过指定的分隔符进行分隔的。