vue中 : 是 v-bind的缩写，具体看vue官网关于指令的介绍，如 @ 是 v-click 的缩写。所以，第一个是对的。父组件向子组件传值，主要关注，子组件的props，如视频中的，子组件里想要显示父组件的数据，那在props里先约定一个数据入口，如content,index等等，父组件在使用子组件时，就通过content、index等将数据传进去。数据想要逆流，由子组件传给父组件，是可以通过$emit，发事件的方式，传给父组件。子组件通过$emit发出自定义事件，父组件用 @ 监听子组件的自定义事件，来处理数据，如视频一样

:content  就是  v-bind:content的缩写,因为这个是在父组件模板里调用的,所以可以直接用父组件的data.

至于todo-item能直接用父组件的data是因为,父组件传值给子组件了,子组件都过props接收之后,就可以直接用父组件传给子组件的数据了

 :content  就是  v-bind:content的缩写，可以直接使用父组件的数据。你可以去VUE官网看下介绍。里面基本都有详细的讲解