console 命令行工具 X clear
console
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
	<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>

<body>
	<div id="app">
		<p>{{site}}</p>
	</div>
	<script>
		var vm = new Vue({
            el: '#app',
            data:{
                name:'Google',
                url:'http://www.google.com'
            },
            computed:{
                site:{
                    //getter
                    get:function(){
                        return this.name +''+this.url
                        },
                        //setter
                        set:function(newValue){
                            var names =newValue.split(' ')
                            this.name =names[0]
                            this.url =names[names.length-1]
                        }
                  }
            }

        })
        vm.site ='菜鸟教程 http://www.runoob.com';
        document.write('name: '+vm.name);
        document.write('<br>');
        document.write('url: '+vm.url);
	</script>
</body>

</html>