vue实现计数器简单制作

本文实例为大家分享了vue实现计数器简单实现代码,供大家参考,具体内容如下

过程注意事项

  • 创建vue实例时:el(挂载点)data(数据)methods(方法)。
  • v-on指令得作用是绑定事件,简写为@。
  • 方法中通过this关键字获取data中的数据。
  • v-text指令的作用是:设置元素的文本值,简写为{{}}。
  • v-html指令的作用是:设置元素的innerHTML。

实际代码与截图



    
    
    计数器


    
{{num}}

vue实现计数器简单制作_第1张图片

vue实现计数器简单制作_第2张图片

关于vue.js组件的教程,请大家点击专题vue.js组件学习教程进行学习。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(vue实现计数器简单制作)