这todo-item子组件里的的 :content 是不就是 v-bind:content 呀?
todo-item子组件里v-for指令,指令是可以直接用到父组件的数据的么?
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官网看下介绍。里面基本都有详细的讲解