当我添加数据对象'job'时，错误：vue.js:634 [Vue warn]: Property or method "job" is not defined on the instance

Question

为什么当我添加一些数据对象'job'时，vue是错误的....我该怎么办？ 像这样的代码

应用程序.js：

new Vue({
  el: '#vue-app',
  data: {
    name: 'My Name',
    job: 'My Job',
    age: 'My Age'
  }
})

索引.html：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>VueJS Practice</title>
 <link rel="stylesheet" href="style.css">
 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
 <div id="vue-app">
      <p>{{ name }}</p>
      <p>{{ job }}</p>
      <p>{{ age }}</p>
 </div>
 <script src="app.js"></script>
 </body>
 </html>

Answer 1

数据需要返回一个对象

new Vue({
  el: '#vue-app',
  data: function () {
    return {
        name: 'My Name',
        job: 'My Job',
        age: 'My Age'
    };
  }
})

当我添加数据对象'job'时，错误：vue.js:634 [Vue warn]: Property or method "job" is not defined on the instance

问题描述

1 个解决方案

解决方案1
0 2020-01-06 18:01:06

当我添加数据对象&#39;job&#39;时，错误：vue.js:634 [Vue warn]: Property or method &quot;job&quot; is not defined on the instance

问题描述

1 个解决方案

解决方案1 0 2020-01-06 18:01:06

当我添加数据对象'job'时，错误：vue.js:634 [Vue warn]: Property or method "job" is not defined on the instance

解决方案1
0 2020-01-06 18:01:06