我想在本地使用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>

我也有这个文件结构

但我收到此错误：

GEThttp://localhost:8080/static/js/vue.jsnet :: ERR_ABORTED 404

有人可以帮我吗？我想使用不带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，但不起作用

问题描述投票：0回答：1

1个回答

最新问题

我想在本地使用Vue，但不起作用

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1