vue.js新手问题

Samding 发表于 2020-2-7 02:33

本帖最后由 Samding 于 2020-2-7 14:56 编辑

<!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>Document</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
<style>

</style>
</head>
<body>

<div id="app">
   <ul>
      <li v-for="fruit in fruitArr" :key="fruit.id">{{ fruit.name }}</li>
   </ul>
</div>
<script>
   new Vue({
         el: '#app',
         data: {
            fruitArr:[
               {name: '香蕉', id='01'},
               {name: '苹果', id='02'},
               {name: '橙子', id='03'},
               {name: '香蕉', id='04'}
            ]
         }
   })
</script>
</body>
</html>

为什么会报错，要怎么改，求大佬解释

demon_lin 发表于 2020-2-7 03:31

这是js基础问题吧，对象里面你用 = 号。。。
{ name: xxx, id: xxx }

晚安程序员 发表于 2020-2-7 03:39

等于号改成冒号

fyypll 发表于 2020-2-7 04:30

不要用等号，用冒号

wxp199393 发表于 2020-2-7 07:51

js object内格式是 {key1:value1,key2:value2.....}这种方式

wuchendi 发表于 2020-2-7 08:52

            fruitArr:[
               {name: '香蕉', id: '01'},
               {name: '苹果', id: '02'},
               {name: '橙子', id: '03'},
               {name: '香蕉', id: '04'}
            ]
改成这样

kof21411 发表于 2020-2-7 09:03

js对象的定义格式错了

{key1:value1,key2:value2.....}

Samding 发表于 2020-2-7 14:57

谢谢大家，太粗心了，并且找半天找不到

页: [1]

吾爱破解 - 52pojie.cn's Archiver

vue.js新手问题