Javascript Vue.js出现问题：不'；t显示数据_Javascript_Vue.js_Vue Directives

Javascript Vue.js出现问题：不'；t显示数据

javascript vue.js

Javascript Vue.js出现问题：不'；t显示数据,javascript,vue.js,vue-directives,Javascript,Vue.js,Vue Directives,我正在学习Vue.jsframework，并尝试处理这个JavaScript框架我的示例非常简单，但我无法根据.html和.js文件显示数据{} 这是我的.html文件： <!DOCTYPE html> <html> <head> <title>Test de Vue.js</title> <script src="test.js"></script> <script src="h

我正在学习

Vue.js

framework，并尝试处理这个JavaScript框架

我的示例非常简单，但我无法根据

.html

和

.js

文件显示

数据{}

这是我的.html文件：

<!DOCTYPE html>
<html>
<head>
    <title>Test de Vue.js</title>
    <script src="test.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
</head>
<body>

    <div id='test'>
        <p>{{ texte }}</p>
    </div>

</body>
</html>

但是，我不知道为什么我的浏览器会显示以下内容：

非常感谢

您的脚本顺序不正确。您必须首先包含Vue.js，然后将脚本作为第二个，因为您的脚本引用了

Vue

对象，该对象在

Vue.js

中定义

另外，虽然

vue.js

可以包含在

中，但您的vue模型定义应该放在目标元素之后的

标记中，否则它将无法工作

<head>
    ...
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
</head>
<body>
    <div id="test">...</div>
    <script src="test.js"></script>
</body>


...
...

您的脚本顺序不正确。您必须首先包含Vue.js，然后将脚本作为第二个，因为您的脚本引用了

Vue

对象，该对象在

Vue.js

中定义

另外，虽然

vue.js

可以包含在

中，但您的vue模型定义应该放在目标元素之后的

标记中，否则它将无法工作

<head>
    ...
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
</head>
<body>
    <div id="test">...</div>
    <script src="test.js"></script>
</body>


...
...

@Derek Yes您可以在我的HTML文件中看到

script src=“test.js”>

将脚本移动到页面底部<代码>test.js在呈现HTML之前运行。而且脚本的顺序也是相反的。@RolandStarke哦，好的！我必须在第一次加载CDN，然后加载我的.jsscript@Bert非常感谢你！这是一个非常新的问题..不用担心，我们在某些方面都是新手：）@Derek Yes你可以在我的HTML文件中看到

script src=“test.js”>

将脚本移动到页面底部<代码>test.js在呈现HTML之前运行。而且脚本的顺序也是相反的。@RolandStarke哦，好的！我必须在第一次加载CDN，然后加载我的.jsscript@Bert非常感谢你！这是一个非常新的问题……不用担心，我们在某个时候都是新手：）好的！好的，现在可以了！这真是个新手问题。。对不起，谢谢！我必须将.js脚本移到HTML标题之外；）好啊好的，现在可以了！这真是个新手问题。。对不起，谢谢！我必须将.js脚本移到HTML标题之外；）