vue学习2

1，图片切换案例代码：👆；

2，生成列表，根据数据生成：代码和演示：

3v-model：

 v-model本质上是一个语法糖。如下代码<input v-model="test">本质上是<input :value="test" @input="test = $event.target.value">，

其中@input是对<input>输入事件的一个监听:value="test"是将监听事件中的数据放入到input，
v-model不仅可以给input赋值还可以获取input中的数据，而且数据的获取是实时的，

因为语法糖中是用@input对输入框进行监听的。可以在如下div中加入<p>{{ test}}</p>获取input数据，然后去修改input中数据会发现<p></p>中数据随之改变。