vue2.0-2-创建组件

HTML:
被调用组件的名称作为标签，标签内包含：
v-for="item in 需要循环的数据列表里面"
v-bind:todo="循环的内容"

v-bind：key="key值"

js文件中：
1.新建组件。component()方法
① Vue.component（'组件的名称[一般以A-B的形式出现]',{
props(连接子组件和父组件的接口):['标签'],
template:'<标签>{{A-要显示的内容名}}<标签/>'
}）
② 正常书写：
var 名 = new Vue({
el:"id名",
data:{
数据列表名字：[
{
id(即对应html页面里的key值)}




}]
(
比如： groceryList: [
      { id: 0, text: '蔬菜' },
      { id: 1, text: '奶酪' },
      { id: 2, text: '其他人类食物' }
    ])
}
})