+
95
-

如何编写一个vue组件不需要webpack打包直接在浏览器上引用?

vue
如何编写一个vue组件不需要webpack打包直接在浏览器上引用?

网友回复

+
15
-

要在浏览器中直接引用 Vue 组件而不使用 Webpack 打包,你可以使用 Vue 的单文件组件(SFC)的替代方案。以下是一个简单的步骤指南:

创建一个 HTML 文件:首先,创建一个 HTML 文件,引入 Vue 库和你的组件脚本。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue Component Example</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
</head>
<body>
    <div id="app">
        <my-component></my-component>
    </div>
    <script src="my-component.js"></script>
    <script>
        new Vue({
            el: '#app'
        });
    </script>
</body>
</html>

创建一个 JavaScript 文件:创建一个 JavaScript 文件(例如 m...

点击查看剩余70%

我知道答案,我要回答