关于v-bind和v-on
来源:3-11 Vue中的样式绑定
hyperse
2020-10-21 06:39:14
# 具体遇到的问题
v-bind简写是:,表示双向绑定数据
v-on简写是@,表示父组件监听子组件的什么事件
这样理解对吗
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
在这里输入代码,可通过选择【代码语言】突出显示
2回答
同学你好,同学的理解是不准确的哦。
1、v-bind是绑定数据,但是也只是绑定动态数据的,与传参没有必然联系。
2、传递参数,可以用到v-bind,但是只有传递动态参数的时候,才使用。
3、至于同学说的<todo-item>这个,可以提供下完整的写法哦。
若是写法是<todo-item :content>,且在todo-item使用props接收的话,那么<todo-item>其实是子组件,并不是父组件哦。
父子是相对的,既可以做其他组件的父组件,也可以做子组件,所以没有确定的代码,这个是不好判断的哦。
若是还有疑问,可以提供详细的代码,继续提问。
祝学习愉快~
好帮手慕久久
2020-10-21
同学你好,问题解答如下:
1.理解不正确。v-bind是绑定数据,简写是“:”,但不能说是双向数据绑定。双向数据绑定是v-model,它是指用户与程序可以相互作用,比如输入框,用户输入后,可以同步改变程序中对应变量的值,程序改变该变量的值后,也能映射到输入框上。
2.理解不正确。v-on是绑定事件,简写是@,它不仅仅可以实现“父组件监听子组件的事件”,还可以给父组件、子组件、普通的html标签绑定事件,比如下面的例子就是给按钮button绑定点击事件:

建议同学将讲过的例子,都敲几遍,练习有助于理解。
祝学习愉快!
相似问题