网友回复
要在浏览器中直接引用 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%