我是靠谱客的博主 聪明白羊,最近开发中收集的这篇文章主要介绍4-7 制作vue自定义组件,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

将header和footer提取成公共的组件。

props用于父子组件之间传递数据

新建the-header和the-footer组件,如图:

在App.vue中,添加<script>.....</script>

1.import组件页面

2.components加入该组件

3.在template中使用组件

如图:

the-footer组件同理。

注:

勾选这个可以追加到上一次提交。

最后

以上就是聪明白羊为你收集整理的4-7 制作vue自定义组件的全部内容,希望文章能够帮你解决4-7 制作vue自定义组件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(52)

评论列表共有 0 条评论

立即
投稿
返回
顶部