Vue常用方法

v-on1

1.1双击/单机能呈现相应效果，运行出结果。

点击

运行出结果：

效果

代码截图：

代码

v-on2

2.1隐藏和显示得切换练习

摁键

显示部分会被隐藏：

效果

代码截图：

代码

v-on3

3.1年龄得加减

摁键

一岁一岁的加：

效果1

五岁五岁的降：

效果2

代码截图：

代码

v-on4

4.1数据双向绑定练习

按键

关注和已关注，效果不一样，颜色也不一样：

关注

代码截图：

代码1 代码2

v-on5

5.1结合图标的练习

摁键

不喜欢就会减一，喜欢就会加一：

效果

代码截图：

代码1 代码2