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

前端小问题 2020-01-14 17:56:54  1046  收藏 1

分类专栏： uni-app 文章标签： vue vue.js javascript html html5

版权

第一步，首先需要将组件的问件下载到你的文件中去。组件必须放在根目录下的components中去，我下面放

了两个组件，一个swiper组件，一个scroll组件。

第二步，在页面中引用这个组件

<script>

import swiperList from '../../../components/swiper.vue'

</script>

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

data() {

return {

CustomBar: this.CustomBar,

isHave:false,

};

},

components:{

swiperList,

},

第四步，在template中引用这个组件。

重新运行一下就可以了。

————————————————

版权声明：本文为CSDN博主「前端小问题」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/weixin_43989837/article/details/103977279