使用 Vue.js 进行数据与视图的绑定，数据更新会让视图自动进行更新，类似 Android 里面的 DataBinding 。

实现一个 HTML的 日历效果。

html 部分

  
 
 
❮
 
 {{ currentYear }} {{ currentMonth }}月 
 
❯
 
 
  
 
一
 
二
 
三
 
四
 
五
 
六
 
日
 
  
 
  {{ day.getDate() }}   {{ day.getDate() }} {{ day.getDate() }}  
 

id 为 calendar 对应的创建一个 Vue 对象，设置 el 为 ‘#calendar’ 。

完整代码：

     
 
 
  
CSS 日历
 
 
 
 
❮
 
 {{ currentYear }} {{ currentMonth }}月 
 
❯
 
 
 
 
一
 
二
 
三
 
四
 
五
 
六
 
日
 
 
 
  {{ day.getDate() }}   {{ day.getDate() }} {{ day.getDate() }}  
 
 
   

文章来自：http://hanks.xyz