使用httpVueLoader动态加载组件注意事项

ggxin

已于 2023-02-01 10:37:05 修改

阅读量987

点赞数

文章标签： javascript 前端开发语言

于 2022-12-17 21:15:05 首次发布

本文链接：https://blog.youkuaiyun.com/ggxin/article/details/128357345

版权

本文介绍了在使用html+js+vue构建前端页面时，通过httpVueLoader加载自定义组件的一些常见问题。包括.vue文件的正确格式，如需在单一顶层div内编写模板代码；组件参数props的命名规范，要求使用小写字母；以及组件命名遵循驼峰式，但在引用时需转换为短横线连接的格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用传统的html+js+vue编写前端页面时，经常也会使用到自定义组件，会使用到httpVueLoader这个插件，记录下使用过程中遇到的一些坑。
1、.vue文件格式

<template>
	<div>
		<!-- 其他模板代码只能写在这个div内，整个文件只允许存在一个顶层div -->
	</div>
</template>
<script>
	module.exports = {
		props:{},
		data(){
			return {}
		},
		created(){},
		mounted(){},
		methods:{}
</script>
<style scoped>
</style>