错误：保留字"var"JavaScript/vue

Question

我的任务很简单：我只想要一个带有字符串的数组。背景是我想稍后在该数组中放入条形码。

但现在的主要问题是我总是得到：

"index.vue：var 是一个保留字"

我已经查看了 vue 文档，甚至尝试了这个例子。但是不知道为什么我总是收到这个语法错误。

这就是我的javascript部分，有趣的块是我想声明数组的最后一个块。

<script>
    import axios from 'axios';
    import moment from 'moment';
    
    export default {
      data() {
        return {
          form: {
            barcodes: [],
            id: this.$route.params.id,
            form: {},
            used_by: '',
            return_time: '',
            barcode: '',
            onSubmit: false,
          }
        }
      },
      methods: {
        onSubmit() {
          this.$message('submit!')
    
          axios.put('http://127.0.0.1:8000/api/tools/' + this.id, this.form)
          .then(response => {
              console.log(response);
              this.onSubmit = true;
          })
          .catch((error) => {
              console.log(error);
          })
        },
        onCancel() {
          this.$message({
            message: 'cancel!',
            type: 'warning'
          })
        }
      },
      
      created() {
        axios.get('http://127.0.0.1:8000/api/tools/' + this.id)
        .then(response => {
            console.log(response);
            this.form = response.data;
        })
        .catch((error) => {
            console.log(error);
        })
      },
    
      var example2 = new Vue({
        el: '#example-2',
        data: {
          parentMessage: 'Parent',
          items: [
            { message: 'Foo' },
            { message: 'Bar' }
          ]
        }
      })
      
    }
</script>

这是 html 部分：

<ul id="example-2">
   <li v-for="(item, index) in items">
   {{ parentMessage }} - {{ index }} - {{ item.message }}
   </li>
</ul>

在这里您还可以看到示例：https://v2.vuejs.org/v2/guide/list.html#Mapping-an-Array-to-Elements-with-v-for

但我得到：

index.vue: var is a reserved word (89:2)
  87 |   },
  88 |   
> 89 |   var example2 = new Vue({
     |   ^
  90 |   el: '#example-2',
  91 |   data: {
  92 |     parentMessage: 'Parent',

Answer 1

不能将变量声明放在对象文本中。它应该写为对象属性：

  example2: new Vue({
    el: '#example-2',
    data: {
      parentMessage: 'Parent',
      items: [
        { message: 'Foo' },
        { message: 'Bar' }
      ]
    }
  })