javascript - 语法错误 : let is disallowed as a lexically bound name

Question

我正在使用 vue.js 并收到此错误“Uncaught SyntaxError:let is disallowed as a lexically bound name”。当我调试时，它显示一个空白屏幕，并在控制台中显示此错误。

我用 Google 搜索过，但没有找到任何有用的信息。

这是我的 Vue 代码:

    let Task = {
      props: ['task'],
      template: `
       <div>
        <div class="tasks">
          {{ task.body }}

        </div>
       </div>
    `

    },

     let Tasks = {
       components:{
         'task': Task
       },

       data: {
         return {
           tasks: [
            {id: 1, body: 'Task One', done: false }
           ],
         }
       },

       template: `
        <div>
       <task></task>
           <form action="">
             form
           </form>
      </div>
      `
     },

      let app = new Vue({
        el:'#app',
        components: {
         'tasks': Tasks
         'task': Task
       }
     })

Answer 1

如果你用逗号分隔你的声明，你不应该重复let。要么从每个声明中删除 let，要么改用分号。

例子:

let a = {}, b = 5, c = function(){}; // OK
let a = {}; let b = 5; // OK
let a = {}, let b = 5; //Not OK -- error