你的第一个Vue程序，计数器

小编最近在学习Vue，想记录一下自己的学习历程，大家一起看看吧！

Vue是现在比较流行的框架，无论是面试还是工作都有可能遇到，话不多说，直接上代码。

Document

当前计数:{{counter}}

这里解释一下，这边用v-on属性绑定click方法，在Vue中调用，这里给出两个方法

1，直接定义个counter属性存计数，直接在click中调用counter++方法实现效果。

2，用click绑定方法add，在方法中实现。

两种方法都很简单，大家有需要的可以留言讨论。

最终效果

最终效果图

展开阅读全文

页面更新：2024-03-23

标签：绑定效果图美文计数器框架属性历程定义效果两个留言代码简单程序方法

1 2 3 4 5

母猪产后奶水少怎么办？

母猪怀孕期间，用多维太保+母畜太保为其调理乳腺系统。产后可以准备250克海带，先将其泡开，然后切碎，再将其混入100克食用油中，最后装入锅中煮成汤，将汤水喂给母猪后即可快速催奶。或者将母猪的胎衣洗净、切碎，并放入水中煮熟，

姑娘，你的爱情观一直是错的，对待爱情不能盲目

情叔导语：一个女孩子最潇洒的状态是什么时候呢？绝对不是爱一个男人的时候，因为爱情会让人变得冲动和盲目。女人，对待爱情不能盲目，你永远值得更好的！女孩在爱一个男人的时候如果全心投入，那么就很容易失去自己，情绪也会因为

女人要知道：好的感情，一定要学会谈钱

情叔导语：我们要用什么去判断一桩婚姻幸不幸福呢？一个女人在婚姻里面的经济能力其实就已经直接反映了她的幸福与否。女人后半生的幸福，多半与“钱”有关！很多人觉得这个社会现实，女人在结婚的时候也会对男人提出很多的要求

养男孩到底有多难？

前不久参加了朋友一次家庭聚会，刚一见面，诚诚妈就迫不及待倒起了苦水”： “养个儿子，我丢掉了半条命！” 她有个淘气的儿子，从小就非常的好动，没有一刻是省心的。比如哄睡。她每天晚上八点就开始给儿子催眠，一遍一遍地念咒

人到一定年纪，学会断舍离，远离无效社交

情叔导语：我们身边会有形形色色的人，每个人都有自己独特的个性，有些人喜欢和群体一起，自然就有些人喜欢独来独往。说到独来独往，很多人第一印象就是觉得这个人不合群，是个独行侠，但是往往就是这样的人越是容易成功，这样的人，除

懒惰是一把温柔的刀，正在慢慢摧毁你的意志

情叔导语：这个世界上没有免费的午餐，许多东西都是需要我们用努力去争取的。可是依旧还是有很多的人对免费的东西心存幻想，总想着自己能够不劳而获。“偷懒的人生，注定一文不值” 就像很多人总是做着买彩票中大奖的梦想，就

属兔的人出生几月份命最好

生活中有太多的美好，我们还没发现，这一生就要度过了，但是在脑中难忘的事情还有很多。美丽的瞬间纵使跟我们檫肩而过，很少人在意。我们处在时空的隧道中，每一次变革都是运势的变化。那么属兔几月命苦？几月出生最好命运？我们来

Vue学习(基础编)——计算属性的复杂使用

我在上一次的文章中写了计算属性的基本使用，这篇文章来介绍下计算属性的复杂使用方法。首先，我们知道可以使用计算属性处理数据并返回到页面上，但如果数据比较复杂的情况下，比如数组时，应该怎么处理，我们直接来看代码。

人到中年，渡人先渡己

闭上眼睛，人就可以去任何地方。难的是，闭上眼睛，人仍然停留在自己现在的地方，男人不可能拥有不劳而获的尊重，同理，女人也别指望得到不劳而获的宠爱。无论男人还是女人，只有努力提升自我，才能真正愉悦自己，愉悦他人。毕竟，天下

都说养儿防老，大部分老人最终还是被虐待了

我楼下邻居黄阿姨60岁，老两口退休金25000，前几天把36岁的独生儿子、儿媳和3岁的孙子从家里撵走，把他们的行李全部堆进电梯，任由儿媳在门口又哭又闹，就是不要他们回家。但是两个多月前的黄阿姨还是一位人人称赞的"好婆婆"，短

Vue学习(基础编)：基本指令的使用1

1 v-once使用方法：在代码中加入v-once指令实现效果：当改变message的数据后，v-once不会发生改变，v-once只会在第一次加载数据时发生改变。 2 v-html使用方法：使用v-html指令可以解析数据中的html代码，大家看效果显而易见。

Vue学习(基础编)bind绑定class对象语法

在Vue中v-bind可以绑定一些html属性，但用在比较多的地方就是v-bind绑定class属性上，话不多说，直接上代码。如下图，我们一般是直接在class中加属性，也可以在Vue中使用data数据active，将active绑定到class上，这里说下v-bind:cl

经得起考验，守得住平淡的情侣，犹如美酒，越久越香醇

情叔导语：理想中的爱情是什么样的？那肯定是历久弥新的，但是这样的爱情真的存在吗，答案是肯定的，但是只存在少数，这样的爱情经历的时间越久就越好，就像是酒窖里面珍藏的好酒一样，不会因为时间而变质，那么什么样的爱情才能够做到

《云边有个小卖部》随笔(2)

大家，我是青山似故人，关注于写自己读书的随笔和一些心得，公众号"居家茶话会"，文章均首发于公众号，全网同名！今天带来的是《云边有个小卖部》随笔第二篇，写得不好，请多多包涵!《喂，打劫》童话就像童话，这是他们在童话里第一次相

Vue学习(基础编)——v-on指令的使用以及参数传递问题

v-on指令在Vue中使用非常普遍，一般v-on用在按钮点击事件上，让我们直接看代码来了解一下。我们按钮点击方法用在是click，在Vue中使用v-on，只需要在click前加上v-on，v-on的简写方法是@，看代码中用v-on绑定click后，在Vue的js

上滑加载更多 ↓

你的第一个Vue程序，计数器

当前计数:{{counter}}

母猪产后奶水少怎么办？

姑娘，你的爱情观一直是错的，对待爱情不能盲目

女人要知道：好的感情，一定要学会谈钱

养男孩到底有多难？

人到一定年纪，学会断舍离，远离无效社交

懒惰是一把温柔的刀，正在慢慢摧毁你的意志

属兔的人出生几月份命最好

Vue学习(基础编)——计算属性的复杂使用

人到中年，渡人先渡己

都说养儿防老，大部分老人最终还是被虐待了

Vue学习(基础编)：基本指令的使用1

Vue学习(基础编)bind绑定class对象语法

经得起考验，守得住平淡的情侣，犹如美酒，越久越香醇

《云边有个小卖部》随笔(2)

Vue学习(基础编)——v-on指令的使用以及参数传递问题

Vue学习(基础编)——计算属性的复杂使用

Vue学习(基础编)bind绑定class对象语法

Vue学习(基础编)——v-model与html属性的使用

学好朗诵一定要掌握的发声训练方法

口才老师必看：幼儿诗歌散文的教学指导方法

百年峥嵘历程：致敬建党100周年礼赞诗歌

夫妻发生争吵，最好的解决方法是：正向沟通

“真正赚钱的人，方法才不会告诉你呢”

两个月大的宝宝，不慎掉入地铁车底，情况危急

大学期间的痛苦减肥历程