这个不是什么新版写法 而是从外部定义一个Vue组件模版 建议先看官方文段熟悉下语法吧

Vue.component是全局组件的定义方法 你可以把这个模版实例看成是Vue实例的子集 你是想在实例中编写组件的组件吗?

首先要定义一个props属性用来接收父组件传来的数据 其次组件实例中的component语法写错了 应为

component:{ func(){} }

obj.props都是对象取属性的写法，对象取属性的另一种写法obj['props']，所以下面这样写也可以

Vue['component']('todo-item', {

template: '<li>item</li>'

})

我也刚学，我觉得你应该把Vue.component写在13行和14行之间，因为Vue.component是全局模板对象