vue-起步教程-使用 v-bind 指令将待办项传到循环输出的每个组件中

从数据,到模板,到视图的对应过程

vue-起步教程-使用 v-bind 指令将待办项传到循环输出的每个组件中

工作位置

  1. 在js中定义相应的数据和模板
  2. 在html中显示写相应的标签
  3. 在css中装饰标签的显示样式[本例中没有]

模板定义时

  1. 标签名,即component,它是一个组件
  2. 标签属性名,即props,它是一个数组形式
  3. 标签显示字符串,即template,它是一个串形式

模板使用时

  1. 一般会绑定数据源,并对数据进行遍历
  2. 会用v-for进行遍历,得到相应的遍历项
  3. 会用v-find:属性名方式来指定属性的具体遍历值,即遍历项
  4. 列表形式的,一般会置于ol签中