存蓄已解决的‘漏洞’开源工具技巧Web前端之路

Vue.js中常用指令

2017-10-09  本文已影响22人  痛心凉

指令(directive)是带有v-前缀的特殊属性。

vue.js中的循环 (v-for)、判断(v-if / v-show / v-hide)、监听Dom事件(v-on)、响应式的更新html属性(v-bind)、v-html、v-text

v-for可用用来绑定数组中数据渲染列表

<div id="app-4">
  <ol>
    <li v-for="todo in todos">
      {{ todo.text }}
    </li>
  </ol>
</div>
var app4 = new Vue({
  el: '#app-4',
  data: {
    todos: [
      { text: '学习 JavaScript' },
      { text: '学习 Vue' },
      { text: '整个牛项目' }
    ]
  }
})
上一篇下一篇

猜你喜欢

热点阅读