Html Vue-意外令牌'<'；

我有一个非常简单的代码。我正试图通过在youtube上学习本教程来学习Vue

我在31:30被困在这个密码里：

Vue.component('car-list', {
 template:
   <ul>
    <li v-for="car in cars">{{ car }}</li>
   </ul>
 })

Vue.component（'car-list'{
模板：

{{car}

})

由于某种原因，它破坏了整个代码，当我在谷歌浏览器上查看页面时，我得到了错误

Uncaught SyntaxError: Unexpected token '<'

---

未捕获的语法错误：意外标记“模板需要为字符串。在其周围添加反勾引号

Vue.component（'car-list'{
模板：`

{{car}
`
})

编辑：若要在Vue应用程序中注册@Lawrence Cherone comment，则无需在Vue.component中全局注册该组件

第1版：全球注册

Vue.component（'car-list'{
模板：`

{{car}
`
})

然后从vue应用程序中删除组件属性

const-app=新的Vue({
el:'根'，
数据：{}
})

Verison 2：在应用程序内注册

const carList = {
  template: `
    <ul>
      <li v-for="car in cars">{{ car }}</li>
    </ul>`
}

模板需要是字符串。在其周围添加反勾引号

Vue.component（'car-list'{
模板：`

{{car}
`
})

编辑：若要在Vue应用程序中注册@Lawrence Cherone comment，则无需在Vue.component中全局注册该组件

第1版：全球注册

Vue.component（'car-list'{
模板：`

{{car}
`
})

然后从vue应用程序中删除组件属性

const-app=新的Vue({
el:'根'，
数据：{}
})

Verison 2：在应用程序内注册

const carList = {
  template: `
    <ul>
      <li v-for="car in cars">{{ car }}</li>
    </ul>`
}

在JavaScript中，多行字符串必须包含在反刻度中。在
之前添加一个反勾号，在
之后添加一个反勾号。全局应用
Vue.component
使
组件：['car-list']，在JavaScript中，多行字符串必须包含在反勾号中。在
前面加一个回勾，在
后面加一个回勾。全局应用
Vue.component
使
组件：['car-list']，
redundenties，这就成功了。没有在视频中注意到它们，它们很小。是的，这就成功了。没有在视频中注意到它们，它们很小。