vue.js 实例——迹忆客-ag捕鱼王app官网

本章节为大家介绍几个 vue.js 实例，通过实例练习来巩固学到的知识点。

导航菜单实例

导航菜单

创建一个简单的导航菜单：

 
    
    
 
    
 
     
 
    
您选择了 {{active}} 菜单

 

编辑文本实例

文本编辑

点击指定文本编辑内容：

 

 
    
 
    

 
        
 
        
    
 
    
 
    
 
    
{{text_content}}
 

 

订单列表实例

订单列表

创建一个订单列表，并计算总价：

 
    
 
    

 
        
 
        

 
            
 
            {{service.name}} {{service.price | currency}}
 
        
    
 
    

 
        
 
        total: {{total() | currency}}
        
    
 

搜索页面实例

搜索页面

在输入框输入搜索内容，列表显示配置的列表：

 
    

        
 
        
    
 
    

        
             
        

            
            
{{article.title}}
        
    
 

切换不同布局实例

切换不同布局

点击右上角的按钮来切换不同页面布局：

 
    

 
        
 
        
        
    
 
    
 
    

        
        
    
 
    

        
        

            
            
{{a.title}}