vue踩坑填坑(一):引入模块组件
在webpack+vue开发中,如果在一个vue文件中引入另外一个封装的模块组件的vue文件,则有以下两种方式:首先想要在以下代码中引入一个封装好的输入框组件input_text.vue:<template><div><testComponent></testComponent>&
·
在webpack+vue开发中,如果在一个vue文件中引入另外一个封装的模块组件的vue文件,则有以下两种方式:
首先想要在以下代码中引入一个封装好的输入框组件input_text.vue:
<template>
<div>
<testComponent></testComponent>
</div>
</template>
第一种方式:
export default {
components:{
testComponent:require('../module/input_text.vue').default
}
}
第二种方式:
export default {
import testComponent from '../module/input_text.vue'
components:{
testComponent
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)