Я хочу использовать Vue локально, но это не работает - PullRequest
Новая
       84

Я хочу использовать Vue локально, но это не работает

0 голосов
/ 20 марта 2020

У меня есть индекс. 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>

также у меня есть эта файловая структура

enter image description here

Но я получаю это ошибка:

GET http://localhost: 8080 / статический / js / vue. js net :: ERR_ABORTED 404

Кто-нибудь может мне помочь? Я хочу использовать Vue. js без веб-пакета, npm или что-то еще.

1 Ответ

0 голосов
/ 20 марта 2020

Поместите ваши 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...