html中使用vue，如何使用.vue自定义组件

最新推荐文章于 2024-09-05 09:51:14 发布

不会切肉的小辉同学

最新推荐文章于 2024-09-05 09:51:14 发布

阅读量745

点赞数

文章标签： vue.js html javascript

本文链接：https://blog.csdn.net/weixin_44326167/article/details/127790638

版权

方法：使用httpVueLoader


<html>
    <body>
        <div id="app">
            <my-header></my-header>
        </div>
    </body>
</html>
<script src="../../js/httpVueLoader.js"></script>
<script>
//引入，相当于import
const Header = httpVueLoader('./Header.vue');
//全局注册
Vue.component('my-header', Header);
 
new Vue({
	el: '#app',
    data:{}
})
</script>
 
<style scoped>
    .home {
        font-size: 24px;
        font-weight: bold;
    }
</style>

注意：

1、httpVueLoader加载的单文件导出方式不同：module.exports = {}，而不是export default {}

2、html中标签不能使用自闭和标签

httpVueLoader.js，需要的找我私信自取

关注博主即可阅读全文