组件:简单来说就是一段可以复用的功能代码。封装好之后,用一行简单的代码就可以实现一个复杂的功能。
大体步骤:
1. 在compoents文件夹中新建一个vue文件(以Swiper为例)

2. 在main.js中全局引入,先import再注册到VUE中

3. 接着就可以在任何页面直接使用自己定义的组件

组件传值
Swiper组件中需要一个存放图片的数组(以list为例)
父组件往子组件中传值

子组件中规定接收值的类型,还可以设置默认值(要注意数组默认值的写法)

1. 在compoents文件夹中新建一个vue文件(以Swiper为例)
2. 在main.js中全局引入,先import再注册到VUE中
3. 接着就可以在任何页面直接使用自己定义的组件
Swiper组件中需要一个存放图片的数组(以list为例)
父组件往子组件中传值
子组件中规定接收值的类型,还可以设置默认值(要注意数组默认值的写法)
本文标题:VUE如何封装一个组件
本文链接:https://www.haomeiwen.com/subject/orqdphtx.html
网友评论