VUE如何封装一个组件
2020-04-04 本文已影响0人
Mr哎呦喂
组件：简单来说就是一段可以复用的功能代码。封装好之后，用一行简单的代码就可以实现一个复杂的功能。
大体步骤：
1. 在compoents文件夹中新建一个vue文件（以Swiper为例）
创建一个VUE文件
2. 在main.js中全局引入，先import再注册到VUE中
全局注册
3. 接着就可以在任何页面直接使用自己定义的组件
在其它页面中直接使用自定义组件标签
组件传值
Swiper组件中需要一个存放图片的数组（以list为例）
父组件往子组件中传值
父组件
子组件中规定接收值的类型，还可以设置默认值(要注意数组默认值的写法)
子组件
