时间戳

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

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

问题描述

为什么当我添加一些数据对象'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>

标签： javascriptvuejs2

解决方案

数据需要返回一个对象

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

推荐阅读