VueJS2.0学习教程 - 2 - 响应式更新

为了方便记忆和学习，整理了一下之前学习VueJS的要点，并通过在中的代码注释来阐述知识点。
知识点叙述在代码最下方。
需要自行下载VueJS和bootstrap.css文件，并修改文件名或修改代码中引用的名称和路径：
vue-2.4.4.js 下载开发版本
bootstarp-3.3.7-flatly.min.css 下载flatly皮肤的bootstarp

GitHub 代码

    
    
     

    
    






 
    

        
        

            

                
数组增加、删除；事件监听、绑定、修饰符
                

                    
My Todos {{todoCount}}
                    
                    

                        
                        

                            {{todo.title}}
                            
                                {{ todo.completed ? 'undo' : 'done' }}
                            
                            Delete
                        
                    
                    
                    
 
                        

                            
                        
                        

                            Add Todo
                        
                    
                
            
        
    


 

效果图：

lesson02.png

End.

→ VueJS2.0学习教程 - 3 - 组件化
← VueJS2.0学习教程 - 1 - 双向绑定|V-指令