关于v-bind和v-on

# 具体遇到的问题

v-bind简写是:，表示双向绑定数据

v-on简写是@，表示父组件监听子组件的什么事件

这样理解对吗

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码，可通过选择【代码语言】突出显示

源自：vue基础入门 3-11 Vue中的样式绑定

收起

2回答

好帮手慕糖回答被采纳获得+3积分 2020-10-23 10:38:59

同学你好，同学的理解是不准确的哦。

1、v-bind是绑定数据，但是也只是绑定动态数据的，与传参没有必然联系。

2、传递参数，可以用到v-bind，但是只有传递动态参数的时候，才使用。

3、至于同学说的<todo-item>这个，可以提供下完整的写法哦。

若是写法是<todo-item :content>，且在todo-item使用props接收的话，那么<todo-item>其实是子组件，并不是父组件哦。

父子是相对的，既可以做其他组件的父组件，也可以做子组件，所以没有确定的代码，这个是不好判断的哦。

若是还有疑问，可以提供详细的代码，继续提问。

祝学习愉快~

好帮手慕久久 2020-10-21 10:55:00

同学你好，问题解答如下：

1.理解不正确。v-bind是绑定数据，简写是“:”，但不能说是双向数据绑定。双向数据绑定是v-model，它是指用户与程序可以相互作用，比如输入框，用户输入后，可以同步改变程序中对应变量的值，程序改变该变量的值后，也能映射到输入框上。

2.理解不正确。v-on是绑定事件，简写是@，它不仅仅可以实现“父组件监听子组件的事件”，还可以给父组件、子组件、普通的html标签绑定事件，比如下面的例子就是给按钮button绑定点击事件：

建议同学将讲过的例子，都敲几遍，练习有助于理解。

祝学习愉快！

提问者 hyperse #1

谢谢老师，不过我觉得我是理解的不全面而不是不正确，因为老师讲的包含我所理解的

2020-10-22 19:25:11
提问者 hyperse #2

比如说父组件模板<todo-item>里面用v-bind绑定了数据content和index，那怎么知道是传给子组件还是父组件呢？是程序自己自动在代码中找对应的关键词么，看content和index是在哪个组件的props里面接收？

2020-10-22 21:14:44