Question

因此，当前我正在研究Vue.js，但遇到错误，请让我知道我做错了什么。我了解我可能对一个简单的错误视而不见，但有时您需要另一双眼睛。

app-home.html：

<!DOCTYPE html>
<html>
    <head>
        <title>Vue-Practice</title>
        <link href="./app-home.css" rel="stylesheet" type="text/css"/>
        <meta content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div id="vue-container">
            <p>{{ test }}</p>
        </div>
    <script src="./app-home.js"></script>
    </body>
</html>

app-home.js：

const body = document.querySelector('body');

body.onload = () => {

    import Vue from 'vue';

    new Vue({
        el: '#vue-container',
        data: {
            test: 'this is a test element'
        }
    });

};`

页面输出：{{ test }}

console error: Uncaught SyntaxError: Unexpected token < in app-home.js:1

Vue无法呈现HTML

0 个答案: