3. methods方法

methods属性是定义方法的主要区域,在此属性中,可以定义各种自定义函数名的方法以及参数

练习1:



   
       
       Vue的方法练习
       
   
   
       

{{greeting()}}

{{message}}

从练习中可以看出methods方法

methods:{
方法名:function()}

练习2:传参数



    
        
        Vue的方法练习
        
    
    
        

{{greeting('Afternoon')}}

{{message}}

练习中将Afternoon传给了参数time

采用v-on指令调用方法

分别点击“隐藏/显示”按钮可以切换内容的显示



    
        
        v-on指令练习-隐藏和显示
        
    
    
        

{{message}}

关注/取消关注练习



    
        
        v-on指令练习——关注和取消关注
        
        
        
    
    
        

{{user.name}}

已关注 关注

年龄的增减练习



    
        
        v-on指令练习——年龄的变化
        
    
    
        

{{age}}

单击“长一岁”可以使得age的值加1,双击“减五岁”可以使得age的值减5

你可能感兴趣的:(3. methods方法)