Question

我正在关注本教程https://vuejs.org/v2/guide/#Declarative-Rendering。页面工作正常，没有错误在控制台，但我无法通过控制台更改消息显示＆＃34; app2.message＆＃34;并给我错误＆＃34;＃app2未定义＆＃34;。它不像他们说的那样工作

我们已经创建了我们的第一个Vue应用程序！这看起来非常类似于渲染字符串模板，但Vue已经做了很多工作。数据和DOM现在已链接，现在一切都是被动的。我们怎么知道？打开浏览器的JavaScript控制台（此时，在此页面上）并将app.message设置为其他值。您应该看到上面呈现的示例相应地更新。

这是我的剧本：

window.addEventListener('load',
function() {

    var app2 = new Vue({
        el: '#app-2',
        data: {
            message: 'You loaded this page on ' + new Date().toLocaleString()
        }
    })

}, false);

这就是我如何包含js

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>3R Inventory | @yield('title')</title>

<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="{{ URL::to('css/app.css') }}">
<script type="text/javascript" src="{{ URL::to('js/app.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('/js/tigaer.js') }}"></script>
</head>

vue js未能＆＃34;被动＆＃34;

0 个答案: