Vue学习（一）基础语法

点击这里测试

刚开始写key一直取不出来值，仔细看了看发现：

js中new Vue对象时，Vue一定要大写！

HTML代码：

  
{{ message }}
  



  
   鼠标放上
  



  

  you can see
  




{{msg.text}}

JS代码：

var app1= new Vue({
  el: '#app-1',
  data: {
    //这里的message就是页面中取值的key
    message: 'Hello Vue js!'
  }
})

var app2=new Vue({
	el: '#app-2',
  data:{
  	message: 'you load page:'+new Date()
  }
})

var app3=new Vue({
	el: '#app-3',
  data:{
  	see:true
  }
})

var app4=new Vue({
	el: '#app-4',
  data:{
  	msgs:[
    	{text:'msg1'},
      {text:'msg2'},
      {text:'msg3'}
    ]
  }
})
//app4指的是声明的Vue对象的名
app4.msgs.push({text:'msg new'})