Question

下面的代码只是用花括号显示标题，VueJs设置有什么问题？

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="https://unpkg.com/vue@2.5.13/dist/vue.js"></script> 
</head>

<body>
  <div id='app'>
    <p>{{ title }}</p>
  </div>
   <script>
     new Vue({
        el: '#app',
        data: {
            title: 'A Title'
        }
    });
    </script>
</body>
</html>

Answer 1

@Web开发它工作正常，但您需要在脚本标记

中执行此操作

var app = new Vue({ el: '#app', data: { title: 'A Title' } });

现在，如果您加载页面并看到标题，则可以打开控制台并通过键入app.title = 'My new title'来更改标题

为什么VueJs无法显示数据？

1 个答案: