4-7 制作vue自定义组件

Posted 孤注一掷 、

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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自定义组件的主要内容,如果未能解决你的问题,请参考以下文章

VUE组件制作成npm包,上传和使用

Vue - 在引导表自定义组件上更新数据

自定义 Bootstrap-Vue 复选框组件

利用vue-video-player插件自定义制作视频功能

NativeScript-vue 自定义开关不起作用

自定义vue组件中的vuejs v-show调用TypeError:无法读取未定义的属性'_withTask'