我想在本地使用Vue，但是没有用

Question

我有index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script type="module">
        import Vue from '/static/js/vue.js'

        new Vue({
            el: '#index',
            data:{
                message:'Hello Vue!'
            }
        })
    </script>
    <div id="index">
        <p>{{ message }}</p>
    </div>
</body>
</html>

我也有这个文件结构

但是我得到这个错误：

获取http://localhost:8080/static/js/vue.jsnet::ERR_ABORTED404

有人可以帮助我吗？我想在没有 webpack、npm 或其他东西的情况下使用 Vue.js。

Answer 1

将您的 Vue 脚本放在正文的末尾，并按照@Terry 的建议将您的 vue.js 脚本的路径更改为 '/js/vue.js':

这是一个工作示例https://codepen.io/ellisdod/pen/PoqBRbg?editors=1010

<body>
    <div id="index">
        <p>{{ message }}</p>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>

        new Vue({
            el: '#index',
            data:{
                message:'Hello Vue!'
            }
        })
    </script>
</body>

我想在本地使用Vue，但是没有用

I want to use Vue local, but it doesnt work

local

vue.js