是什么
- vue组件是什么?
整个页面可以看成一个容器,页面又头部,内容,底部组成。其中头部为一个组件,内容也是一个组件,底部又是一个组件。
为什么
- 在传统项目中,我们想要重复使用导航栏,只能一个一个页面复制粘贴,这样很麻烦,解决这一问题可以使用组件。
- 传统项目中,重复使用导航栏,需要维护的时候,要一个个页面修改,解决这一问题可以使用组件。
总而言之,组件可以更好的维护项目,可以提高提高效率,不用重复工作。
怎么做
一、关于局部注册
1.在使用的文件中,导入组件
import MyNav from '@/components/nav.vue'
2.注册组件
在vue对象添加属性 " components " 。
components:{
MyNav
},
3.使用组件
导入时使用驼峰命名法,使用时,要用 " - " 连接
<my-nav></my-nav>
//可以重复使用
<my-nav></my-nav>
<my-nav></my-nav>
<my-nav></my-nav>