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}}









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