自定义组件引入报错
问题描述:我今天写了一个组件,该组件和引用该组件的页面放到了相同的目录内。
报错信息:
看到了这个问题,小编很郁闷,首先想到去找度娘,发现度娘上很多人的讲解很我遇到的问题的关联不是很大。所以小编还是喜欢自己投入研究。
最后发现问题出在了组件引进的地方:
以前的引入方式:
import myTree from 'myTree'
<script>
import myTree from 'myTree'
export default {
name: 'myTree',
components:{
myTree
}
}
</script>
说明:上面的引入小编考虑,该组件与该页面是在同一个目录下,所以通过此种方式来引入肯定是正确的。但是报错。
最后小编通过自身的努力发现上面的引入方式不对,修改为如下的方式后代码显示正常:
<script>//
***import asideTree from '../mypage/asideTree'***
export default {
name: 'asideTree',
components:{
asideTree
}
}
</script>
修改的方式:先退出一层,然后再进来。小编觉得这个是vue的一个bug。
希望对您的有帮助谢谢。