new Vue({
  el:'#box',
  data:{ //数据
    arr:['apple','banana','orange','pear'],
    json:{a:'apple',b:'banana',c:'orange'}
  },
  methods:{
    show:function(){  //方法，这里是show，不能用alert
      alert(1);
    }
  }
});

  
  
  
  
  


  
    
    

    

      
        {{value}}
      
    
  

实例：vue简易留言本

  
  
  
  
  
  
  
  


  
    
      
        用户名:
        
      
      
        年　龄:
        
      
      
        
        
      
    
    

    
      用户信息表
      
        序号
        名字
        年龄
        操作
      
      
        {{index+1}}
        {{item.name}}
        {{item.age}}
        
          删除
        
      
      
        
          删除全部
        
      
      
        
          
暂无数据....
        
      
    
    
    
      
        
          
            
              ×
            
            确认删除么?
          
          
            取消
            确认
          
        
      
    
  

运行效果：

看完上述内容，你们对怎么在vue中使用v-onclick="函数"有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。