Vue基础实例一（数据绑定、双向绑定、属性绑定、事件绑定）

本人生活在一个3线小城市，本地的企业在考虑mvvm框架的时候，几乎都选择了Vue，灵活、生态齐全、学习成本低、配套文档和相关教程丰富等等一系列的优势，使得Vue这个框架在国内异常火爆。而且最近出了uni-app，号称一套代码可以编译出多套代码，大大的减轻开发工作量。所以，我也随大流，踏入Vue。

本系列实例都是简单的Vue功能演示，纯属个人学习记录用，大神请绕行。

实例效果：

Vue基础实例一（数据绑定、双向绑定、属性绑定、事件绑定）.gif

代码

    
    
    
    
    
    



    

        普通数据绑定：{{init}}
        


        v-html数据绑定： 
        



        show方法：点击按钮

        


        todolist列表增删:
        

        

            
{{item.id}}-{{item.name}} X
                
            
        
        
        添加