# 组件名 ## 语法： ## kebab-case 短横线 推荐 ## my-div ## html不区分大小写，标签统一转成小写 推荐使用短横线kebab-case ## 一个组件的data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝 ``` Vue.component('my-button',{ template:'<button @click="count++">点我加{{count}}</button>>', data:function (){ return { count:0 } } ``` # 多标签组键 ## 用``符号 ~~~ var articles={ //创建一个组键 其中articles是自定义名称与变量一样 template:` <ul> <li v-for='article in articles'> //历遍数据 <h1>{{ article.title }}</h1> <img :src='article.src' alt=""> //图片输出方法 <p>{{ article.desc }}</p> </li> </ul> ` } ~~~