Vue入门 ---- 简易留言板

##简述
初学vue，比Angular要简单易学一点，基本就是html代码+json。这是第一个小的例子，用到了vue的几个常用方法，其中v-for的$index稍微有点迷惑，也影响了完成的速度，网上说是vue2.0已经取消了这种用法，也不是很明白，跟着教程走的，后面的教程有讲解vue2.0的新特性，所以到后面完善吧。同时复习到了bootstrap的知识，之前知识稍微用过，现在才渐渐的明白这种css框架的内涵—赋class和角色role，bootstrap依赖于jQuery，所以库文件也要有jQuery的文件，而bootstrap.js主要提供各种组件，诸如模态框之类的。
注：不要弄混v-model和模态框的modal

---

##基本知识：
vue

v-model
v-for
v-on:xxx
v-show

bootstrap:

//class
.container（外部容器）
.fade（从上滑入）
.data-toggle和.data-target（处理模态框）
.text-muted（文本灰色）

//role
form
dialog
modal-dialog

---

##配置库文件

##Script

两个方法：add()，添加数据；deleteMsg()，删除数据
##html

    
    

        

            
            

                用户名：
                
                
            
            

                年龄：
                
            
            

                
                
                
            
        

        


        
        

            
用户信息表
            

                
序号
                
姓名
                
年龄
                
操作
            
            
            

                
{{index+1}}
                
{{item.name}}
                
{{item.age}}
                

                    删除
                
            
            

                

                    全部删除
                
            
            

                

                    
暂无数据...
                
            
        

        
        

            

                

                    

                        
                        
                            ×
                        
                        
{{deletemsg}}
                    
                    

                    

                        取消
                        确认
                    
                
            
        
    

##效果