Vue项目如何添加控件

时间：2020-12-23 12:20:29 阅读：0 评论：0 收藏：0 [点我收藏+]

1.使用vue脚手架创建的项目中有一个"components"文件夹,为了规范代码一般我们把控件放在这个文件夹中

2.在控件文件中布局(slot标签是插槽,在引用控件的时候使用template标签添加slot属性)

　　　　　　</slot>

　　　　</div>

　　　　</div>　　

</template>

3.在使用控件的.vue文件中引用(数字1 2 的内容,相当于放在控件类名为 top_header 和 bottom_body 的div内)

　　<Tabel-Comp>

　　　　<-- 1 -->

　　　　</template>

　　　　<-- 2 -->

　　　　</template>

　　<Tabel-Comp>

</template>

　　export default {

　　　　components: {

　　　　　　"Tabel-Comp": () => {return import("@/components/Tabel-Comp");

　　}

</script>

原文地址：https://www.cnblogs.com/yonglan/p/14156292.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行