javascript - 为什么 VueJs 无法显示数据?

标签 javascript html vue.js vuejs2

下面的代码只是在大括号中显示标题,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>

最佳答案

@Web Dev 它工作正常,但你需要在脚本标签中执行此操作

var app = new Vue({ 埃尔:'#app', 数据: { title: '标题' } });

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

关于javascript - 为什么 VueJs 无法显示数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48218155/

相关文章:

jQuery ev.preventDefault 不让 "a"标签触发

javascript - 如何使用 vue $watch 获取数组内对象属性的变化?

javascript - 数据推送到数组后切换表中的行 |维埃

javascript - AngularJS 使用函数作为过滤器

JavaScript : Split string using function and returning it

javascript - 如果没有来自 json 的数据,则禁用 html 中的下拉列表

android - 在 html5 phonegap 上加载视频失败

html - 使用动画 css 属性不工作使 div 间歇性出现

javascript - 如何使用 Webpack 在 Vue.js 单文件组件中导入 json 文件

javascript - 浏览器中找不到静态函数