vue之指令的使用(二)
v-for的效果就是将data里面的数据循环展示在页面上。具体用法vue代码:
页面显示的效果:
页面上的效果已经将数据循环显示出来了。
v-on的用法,v-on是给页面上绑定事件方法可以绑定的事件有很多这里就举一个例子。具体代码:
具体页面展示效果:
v-bind作用不太清除,暂时知道可动态的改变一些样式、class名、title名之类的。
v-model双向绑定作用同步输入的内容,小案例代码:
页面显示效果同步输入框里面的内容:
v-pre这个指令没用过 暂时知道效果是不解析{{}}里面的内容直接输出:
页面展示效果{{msg}}就是《span v-pre》展示的: