vue之指令的使用(二)

v-for的效果就是将data里面的数据循环展示在页面上。具体用法vue代码:

vue之指令的使用(二)页面显示的效果:

vue之指令的使用(二)

页面上的效果已经将数据循环显示出来了。

v-on的用法,v-on是给页面上绑定事件方法可以绑定的事件有很多这里就举一个例子。具体代码:

vue之指令的使用(二)

具体页面展示效果:

vue之指令的使用(二)

v-bind作用不太清除,暂时知道可动态的改变一些样式、class名、title名之类的。

v-model双向绑定作用同步输入的内容,小案例代码:

vue之指令的使用(二)

 

页面显示效果同步输入框里面的内容:

vue之指令的使用(二)

v-pre这个指令没用过 暂时知道效果是不解析{{}}里面的内容直接输出:

vue之指令的使用(二)

页面展示效果{{msg}}就是《span v-pre》展示的:

vue之指令的使用(二)