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

目录

1. 计数器案例

  1.1 思路

• data中定义数据：比如num
• methods中添加两个方法：比如add（递增），sub（递减）
• 使用v-text将num设置给span标签
• 使用v-on将add，sub分别绑定给+，按钮
• 累加的逻辑：小于10累加，否则提示
• 递减的逻辑：大于0递减，否则提示
• 完整代码

    
       
           
   
        
    
            
     -            
                 
     +        
    
    
   
    
           

  1.2 知识点总结

• 创建Vue示例时：el（挂载点），data（数据），methods（方法）
• v-on指令的作用是绑定事件，简写为@
• 方法中通过this，关键字获取data中的数据
• v-text指令的作用是：设置元素的文本值，简写为{
  {}}

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