vue如何在一个组件中引用另外一个组件并使用?有两种方法

方法一:代码如下

<template><div><!-- 3.在template中就可以直接使用了 --><testComponent></testComponent></div>
</template><script>//1.先使用import导入你要在该组件中使用的子组件import testComponent from './testComponent.vue'export default {//2.然后,在components中写入子组件components: {testComponent},methods: {},}
</script><style></style>

方法二:代码如下

<template><div><!-- 2.在template中使用 --><testComponent></testComponent></div>
</template><script>export default {//1.直接在components中写入子组件components: {testComponent:require('./testComponent.vue').default},methods: {},}
</script><style></style>

两者间的区别:初学者暂时没发现啥显著的区别,第一种应该是使用的es6的引入机制,第二种使用的es5的机制.所以,推荐还是使用第一种好点,欢迎知道的同学补充下两者之间具体区别,感激不尽

vue如何在一个组件中引用另外一个组件并使用?有两种方法相关推荐

多个html如何套用套一个头部,Vue.js项目中管理每个页面的头部标签的两种方法...
在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title ...
java整型转换为数组_基于java中byte数组与int类型的转换(两种方法)
java中byte数组与int类型的转换,在网络编程中这个算法是最基本的算法,我们都知道,在socket传输中,发送.者接收的数据都是 byte数组,但是int类型是4个byte组成的,如何把一个整形 ...
解决vue项目eslint校验 Do not use ‘new‘ for side effects 的两种方法
解决vue项目eslint校验 Do not use 'new' for side effects 的两种方法参考文章: (1)解决vue项目eslint校验 Do not use 'new' fo ...
用new创建一个二维数组,有两种方法,是等价的
//用new创建一个二维数组,有两种方法,是等价的一: int (*p)[10] = new int[5][10]; 二: int **p ...
xlsx怎么设置行高列宽_Excel2016中调整行高和列宽的两种方法
在报表的编辑过程中经常需要调整特定行的行高或列的列宽,例如当单元格中输入的数据超出该单元格宽度时,需要调整单元格的列宽.本文图文讲述了Excel2016中调整行高和列宽的两种方法. 方法一:使用命令调 ...
js中判断文本框是否为空的两种方法
js中判断文本框是否为空的两种方法 //用户名非空验证 function checkUserName(){ var name = document.myform.txtUser; //在这里我认为: ...
Python中按值来获取指定键的两种方法
Python字典中的键是唯一的,但不同的键可以对应同样的值,比如说uid,可以是1001.id同样可以是1001.这样的话通过值来获取指定的键,就不止一个!而且也并不太好处理.这里同样提供两种思路来处 ...
如何将unity3d动画嵌入html,在Unity3D中使用精灵动画引擎制作动画的两种方法
7月28日消息,如今的游戏玩家对于游戏角色的动作要求越来越高,给开发者提出了众多的要求,工作量也相应上升.那么如何才能简单快速地制作角色动画以提升效率呢?下面就和大家分享两个在Unity3D中使用精灵 ...
在Unity3D中使用精灵动画引擎制作动画的两种方法
本文节选翻译自Gamasutra社区博客,文中观点仅代表作者本人意见,与本公众号无关. 在Unity3D中使用精灵动画引擎的两种方法本文将介绍两种简单快捷的方法来制作游戏角色动画. 1.动画和动画控 ...

vue如何在一个组件中引用另外一个组件并使用?有两种方法

vue如何在一个组件中引用另外一个组件并使用?有两种方法相关推荐

最新文章

热门文章