vue2静态引入组件

February 2, 2024

447 views

850 words

使用[http-vue-loader - npm (npmjs.com)](https://www.npmjs.com/package/http-vue-loader)

```
<html lang="zh-CN" style="height: auto;">

<body>
    <div id="app">
        <banner></banner>
    </div>
    <script>
        var app = new Vue({
            el: '#app',
            components: {
                'banner': httpVueLoader("/component/banner.html"),
            },
            data: {
            },
            mounted: function () {
            },
            methods: {
            },
        });
    </script>
</body>
```

组件部分，export default{}要改成module.exports = {}，style那边用less、stylus还是sass什么的，声明也要去掉。

```
<template>
    <div>测试</div>
</template>
<script>
    module.exports = {
        name: 'banner',
        components: {},
        data() {
            return {
                list: []
            }
        },
        mounted: function () {
        },
        methods: {
        }
    }
</script>
<style>
</style>
```

Last modification：February 2, 2024

如果觉得我的文章对你有用，请随意赞赏

vue2静态引入组件

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

博客重新搭建

樱花动漫APP打包

Handsome主题配套友情链接修改默认网站图标为对应站ico

宝塔7.7专业，企业开心版

宝塔开心版教程

解决php对数组进行json编码很慢的问题

queue队列

screen指令

语音对话chatgpt,PHP源码

宝塔网站异常自动化处理

vue2静态引入组件

Leave a Comment Cancel reply 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

vue2静态引入组件

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款