本文共 1666 字，大约阅读时间需要 5 分钟。

   
                 //beans是自动获取vue对象中绑定好的对应的属性            //如果循环需要序号就这样写：v-for="(bean,index) in beans" (index是序号， 基 0 )            
                  	//变量值要用 {
   {}} 双花括号括住                
                
                 
                      
ID
                      
图片
                      
分类名称
                      
属性管理
                      
产品管理
                      
编辑
                      
删除
                 
                
                
     
      
{
   {
   bean.id}}
                      
                	//注意 src前面要有一个：冒号， 这是Vue的格式要求                                    
                      
                    {
   {
   bean.name}}                
                      
                	//注意 href前面要有一个：冒号， 这是Vue的格式要求                	//而且href的字符串要用双引号加单引号括住！这也是Vue的格式要求                                    
                      
                                    
                      
                                    
                      
                                    
                 
                
           
   属性双向绑定（即显示的数据改变的同时， vue对象中的数据也会改变， 反之亦然）   
   
           //@keyup.enter即按回车会触发 add 函数           //v-model即是双向绑定， 这里应该同时也声明了这个标签的 name = "bean.name", 这样就意味着和           //vue对象中 bean 变量中的 name 属性双向绑定了           
           
     
                 
分类名称
      
            
            
                 
分类图片
                 
           		//获取文件           		//accept="image/*" 限制接收的文件类型是图片， 但不限制是 GIF 和 JPEG 格式           		//accept="image/gif, image/jpeg"           		//@change="getFile($event)" 当选取的文件发生变化就会触发getFile($event)函数           		//$event表示当前事件                          
            
            
                 
               提交           
            
       
   

键盘事件：（按回车调用login函数）

转载地址：http://iyern.baihongyu.com/