vue.min.js 本地引入

作者：拽一个给爷看发布日期:2026-02-13 浏览:75

<!DOCTYPE html>
<html>
<head>
    <title>Vue 本地引入示例</title>
    <!-- 引入本地的 vue.min.js 文件 -->
    <script src="path/to/vue.min.js"></script>
</head>
<body>
    <div id="app">
        {{ message }}
    </div>

    <script>
        // 创建 Vue 实例
        new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue!'
            }
        });
    </script>
</body>
</html>

解释说明：

引入本地的 vue.min.js 文件：通过 <script src="path/to/vue.min.js"></script> 标签引入本地的 Vue 库文件。你需要将 path/to/vue.min.js 替换为你本地 Vue 文件的实际路径。
创建 Vue 实例：在 <script> 标签中，我们创建了一个新的 Vue 实例，并将其挂载到 HTML 中的 #app 元素上。data 属性定义了 Vue 实例的数据对象，其中包含一个 message 属性，它的值会在页面上显示为 "Hello Vue!"。

上一篇：highlight.js vue

下一篇：vue js for循环