文章/答案/技术大牛

发布

社区首页 >问答首页 >Vue.js的问题:不显示数据

问Vue.js的问题:不显示数据
EN

Stack Overflow用户

提问于 2018-07-09 08:31:24

回答 1查看 259关注 0票数 0

我正在学习Vue.js框架，为了处理这个JavaScript框架，我正在做一些尝试。

我的例子非常简单，但我没有克服根据.html和.js文件显示.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>

我的.js文件位于同一个目录中：

var vm = new Vue ({
    el : '#test',
    data : {
        texte : 'Ceci est un premier test en Vue.js'
    }
});

但是，我不知道我的浏览器为什么会这样显示：

非常感谢

javascript

vue.js

vue-directives

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-07-09 08:34:26

您的脚本顺序不正确。您必须首先包含Vue.js，然后将脚本包含为第二个，因为脚本引用了在vue.js中定义的Vue对象。

另外，虽然vue.js可以包含在<head>中，但是您的Vue模型定义应该放在目标元素之后的<body>标记中，否则它将无法工作。

<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>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51241110

复制

相似问题

问Vue.js的问题:不显示数据
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue.js的问题:不显示数据EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue.js的问题:不显示数据
EN