uni-app中关于组件化开发使用组件

第一步,首先需要将组件的问件下载到你的文件中去。组件必须放在根目录下的components中去,我下面放
uni-app中关于组件化开发使用组件_第1张图片
了两个组件,一个swiper组件,一个scroll组件。
第二步,在页面中引用这个组件

<script>
import swiswiperperList from '../../../components/swiper.vue'
</script>

第三,然后在components中注册这个组件,注册名需要跟上面引用的名字一样,这里我都用的是swiswiperperList 。(这里需要注意到components尽量不要放在data前面,放在data前面可能插件不能渲染)

data() {
     
		return {
     
			CustomBar: this.CustomBar,
			isHave:false,
		};
	},
	components:{
     
		swiperList,
	},

第四步,在template中引用这个组件。
uni-app中关于组件化开发使用组件_第2张图片
重新运行一下就可以了。

你可能感兴趣的:(uni-app,vue,vue.js,javascript,html,html5)