VueJS2.0学习教程 - 1 - 双向绑定|V-指令

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

GitHub 代码

    
    
     






 
    

        
        

            

                
数据双向绑定
                

                    
{{message}}
                     
                
            
        

        
        

            

                
数组循环输出
                

                    
My Todos
                    
                    

                        
{{todo.title}}
                    
                
            
        

        
        

            

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

                    
My Todos {{todoCount}}
                    
                    

                        
                        

                            {{todo.title}}
                            Delete
                        
                    
                    
                    
 
                        

                            
                        
                        

                            Add Todo
                        
                    
                
            
        
    


 

效果图：

lesson01.png

End.

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