Vue实现静态列表增删查功能

知识点

1.双向数据绑定

2.自定义指令

3.自定义过滤器

4.v-for循环对象数组

5.ES6操作数组的新方法：forEach some filter findIndex

 

实现效果

 

页面源码

  
    
    
    
    
    
    
  

  
    

      

        

          
添加品牌
        
        

          
            Id:
            
          
          
            Name:
            
          
          

          
            搜索名称关键字：
            
          
        
      

      

        

          

            
Id
            
Name
            
Ctime
            
Operation
          
        
        

          
          
          

            
{{ item.id }}
            
{{ item.name }}
            
{{ item.ctime | dateFormate('') }}
            
删除