介绍

学习使用了一段时间的vue。和之前的jQuery相比。编程体验好了很多。尝试动手写一些简单的组件。

组件解析

calendarLine组件

var calendarLine = Vue.extend({        props:['items', 'cur', 'sel', 'month'],        data(){            return {}        },        template: `                                            {
   { item.day }}                                       `,        methods: {            click(item){                this.$dispatch('click', item.data)            }        }    })

这个小组件是输出日历的一行，点击的时候通知父组件。

    
                
                 
    
            
    
                    
     
      «
      ‹                    
      {
   {y}}年 {
   {m}}月                     
      ›
      »
     
                    
     
                          
                               
                                    
一
                                    
二
                                    
三
                                    
四
                                    
五
                                    
六
                                    
日
                               
                          
                          
                               
                          
                         
                    
     
      {
   {sel}}  
      确定
     
                
    

关键看模版，这个组件接收一个date时间戳，自己生成当前时间，选择时间等。