vue环境下一个主页面引入多个子组件的方法

通常我们使用的是单个文件引入，但是这样就会有很多代码是重复的，怎样才能实现“按需“引入呢？

1、常见的引入单个vue文件的写法：import Header from '@/view/layout/Header';

2、实现”按需“引入的写法：

”按需“引入多个vue文件的写法：import {Header,Footer,Content} from '@/view/layout';

使用步骤：

（1）这些被引入的文件放置在同一个文件下

可以看到 Header、Footer、Content都是在layout文件夹下的；

（2）配置（1）文件夹下的index.js 文件内容

该index.js文件为自己创建的；

配置如下：

export { default as vue文件名 } from './vue文件名';

将layout文件夹下的需要引入的文件都以这种方式写在这里；

接下来只需要在需要使用这些vue组件的文件中以这种方式引入，并设置成组件即可。

<script>
import {Header,Footer,Content} from '@/view/layout';
//import Header from '@/view/layout/Header';
export default {name: 'Layout',data () {return {msg: 'layout'}},components: {Header,Content,Footer},
}
</script>

本人的理解：

在没有标明文件的后缀时，先去找的是名一样，如果没有其他干扰项，基本上就是这个文件。

或者：

先去找js文件，有export导出的文件，再其他文件。

vue环境下一个主页面引入多个子组件的方法相关推荐

soc eds能编译linux,在SoCEDS环境下编译和更新preloader和uboot程序的方法
在SoCEDS环境下编译和更新preloader和uboot程序的方法前面有介绍preloader在HPS boot过程中的的作用,接下来讲述下用户在SoCEDS环境下改如何编译preloader和 ...
soc eds能编译linux,SoCEDS环境下编译和更新preloader和uboot程序的方法
在SoCEDS环境下编译和更新preloader和uboot程序的方法前面有介绍preloader在HPS boot过程中的的作用,接下来从Terasic网站下下载的SD image是在13.1环 ...
soc eds能编译linux,【转】在SoCEDS环境下编译和更新preloader和uboot程序的方法
[转]在SoCEDS环境下编译和更新preloader和uboot程序的方法 [复制链接] 在SoCEDS环境下编译和更新preloader和uboot程序的方法前面有介绍preloader在HPS ...
dnf一换线就服务器不稳定,网吧路由多线路环境下出现DNF换频道就掉线的问题解决方法...
大家都知道,网吧路由设置不正确会引起各种奇怪的网络问题.特别是在网吧网络游戏上.目前网吧玩的游戏就那么几个,只要任何一个出现问题,顾客就会很火大.所以,掌握必备的网吧路由技术那是一个合格的网管必备的技 ...
Myeclipse开发环境下文件中出现的提示错误与解决方法：The import javax.servlet cannot be resolved？
Myeclipse开发环境下文件中出现的提示错误与解决方法:The import javax.servlet cannot be resolved? 参考文章: (1)Myeclipse开发环境下文件 ...
Debian 凝思系统下一个网卡绑定多个 ip 的方法
Debian 下一个网卡绑定多个 ip 的方法 File: /etc/network/interfaces # This file describes the network interfaces ...
PSASP环境下基于PMU同步测量的分区惯量估计方法
PSASP环境下基于PMU同步测量的分区惯量估计方法,附资料. 对应主要模式下的频率.分区联络线功率测量,做为PMU计算的依据: 1.恒功率负荷模式: 2.感应电动机负荷模式: 3.1模式基础上叠加2 ...
Windows环境下通过lynx查看隐藏链接识别黑链方法
最近看了好多关于lynx相关的文章,通俗一点lynx就是个文本浏览器,一个和搜索引擎爬虫有点类似的工具,通过这个工具可以非常方便的实现一些辅助SEO的效果,今天小编主要分享一下在windows环境下如 ...
C语言限制双开关不同为1,网络环境下不同客户之间通信的C语言编程方法(第1稿)...
网络环境下不同客户之间相互通信的C语言编程方法大多数网络应用系统可分成客户和服务器两部分,他们之间的通信可能涉及两种方式:服务器和客户之间的通信,客户和客户之间的通信.本文主要阐明了网络环境下不同客 ...

vue环境下一个主页面引入多个子组件的方法

vue环境下一个主页面引入多个子组件的方法相关推荐

最新文章

热门文章