vue组件的引用:

Posted 小小夏123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue组件的引用:相关的知识,希望对你有一定的参考价值。

本文是基于vue-cli脚手架的基础上对vue组件的引用做简单介绍,关于vue-cli脚手架,请见:vue脚手架的安装流程(vue-cli)

在src文件夹下创建components文件夹,并在其下面创建Home.vue和List.vue两个文件:

 在App.vue中引入Home.vue和List.vue两个组件:

 这样Home.vue和List.vue两个组件就被引入到App.vue组件里面了,效果图如下:

注意:引入组件的component是要带s的,而配置路由的component不要带s。

关于vue路由的配置,请见:vue-router实现单层路由

 

以上是关于vue组件的引用:的主要内容,如果未能解决你的问题,请参考以下文章

vue component组件内部自己引用自己

vue组件的引用:

查找模板引用最近的父 Vue 组件(Vue 3)

vue基础——组件(组件嵌套)

vue 组件按需引用,vue-router懒加载,vue打包优化,加载动画

初步了解vue的组件