介绍
目标:
知道什么是组件
什么是:
组件是拥有一定功能许多html标签的集合体,是对html标签的封装
好处:
答:模板中为了实现一个(例如)分页效果,需要绘制20个html标签,如果使用组件,就设置一个标签就可以了,明显提升开发效率
框架:
Vue:电脑端、移动端
react:电脑端、移动端
angular:电脑端、移动端
组件库针对框架、平台都有针对开发
很有名的第3方组件库(饿了么):Vue电脑端组件库
https://element.eleme.cn/#/zh-CN
组件关键字:components、component
私有组件语法
目标:
知道私有组件的语法规则
声明私有组件语法:
new Vue({
components:{
'组件的名称': {
配置对象成员 },
'组件的名称': {
配置对象成员 }...
},
})
components:{
'my-page':{
template:`
<ul>
<li>上一页</li>
<li>[1]</li>
<li>2</li>
<li>[3]</li<