todo-item子组件问题求助~

来源:3-4 实现todolist的删除功能

慕粉的时候

2018-05-21 12:02

这todo-item子组件里的的 :content  是不就是  v-bind:content 呀?


todo-item子组件里v-for指令,指令是可以直接用到父组件的数据的么?

写回答 关注

3回答

  • 慕粉3348155
    2018-05-28 22:49:51

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

  • Thlq丶
    2018-05-27 20:39:49

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

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

  • 千金不如一默
    2018-05-21 15:42:57

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

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146818 学习 · 657 问题

查看课程

相似问题