Vue打卡01day

	
		
		
	
	
		

			{{message}}

			时间提示
		
		

			

				

					{{todo.text}}
				
			
		
		

			
{{message}}
			逆向修改
			
{{info}}
			
		
		

			
			
		
		
	

var app=new Vue({
	el: '#app',
	data:{
		seen:true,
		message:"Hello World!",
		time:'页面加载于 ' + new Date().toLocaleString()
	}
})
var vforApp=new Vue({
	el: '#vforApp',
	data:{
		todos:[
			{text:'学习java'},
			{text:'学习spring'},
			{text:'学习hadoop'}
		]
	}
})
var vonApp=new Vue({
	el: '#vonApp',
	data:{
		message:"zou weijun",
		info:'hello'
	},
	methods:{
		reverseMessage:function(){
			this.message = this.message.split('').reverse().join('');
		}
	}
})
Vue.component('todo-item',{
	props:['todo'],
	template:'
{{todo.text}}
'
})
var componentApp=new Vue({
	el:'#componentApp',
	data:{
		groceryList:[
			{id:0,text:'牛排'},
			{id:1,text:'红烧肉'},
			{id:2,text:'鸡蛋'}
		]
	}
});