老师请问。 新建地址input 框双向绑定的问题
来源：1-5 项目作业
帅得无心敲代码
2021-07-07 23:20:03
老师我是后面Node学完了。 接口也自己写完了，现在回头来实现地址的一些逻辑。
我现在的问题是。 v-model 和 v-bind:value 是不是不能写在一起？写在一起就报错，老师能详细讲下吗？
还有问题是。 我现在是创建地址。修改地址。 都是共用的一个input框组件。我该怎么在创建地址页面和修改地址页面互不影响的情况下，获取到input里面的值，并且发送请求。
老师 是不是需要把组件拆分开来写呀。但是 拆分开了，我感觉代码又很冗余。
想不到办法了。
1回答
-
好帮手慕久久
2021-07-08
同学你好，解答如下：
1、对input进行双向数据绑定时，v-model和v:bind:value不能一起使用。v-model的意思就是将input的value值与页面中的数据进行双向绑定，而v:bind:value也是设置input的value值，二者功能重复；并且，v:bind:value会干扰v-model的双向绑定行为，所以vue底层不允许二者一起使用。推荐使用v-model，这是vue底层封装好的“双向绑定”的方式。
2、如果组件A、组件B共用组件C，但是A、B的具体逻辑不同，那么可以通过给组件C传不同的参数，然后组件C根据参数，书写不同的逻辑。比如组件A在调用组件C的时候，给组件C传“type=1”，组件B调用C时，给C传“type=2”，组件C内部，根据type值的不同，写对应的逻辑。
3、共用组件需要花费更多的精力去处理逻辑（没有经验加持，写着写着就容易晕），并且后期维护也不太方便（屡逻辑有难度）。从代码量方面讲，共用组件只会少写html、css代码，js逻辑是不会少的。但是html、css一般都不会太多，而且不需要重写，复制粘贴就行。对我们来讲，分开写组件，维护时代码更易读。
因此当前阶段，建议把组件拆开写；有了一定工作经验后，再尝试复用组件，从而提高代码的质量。
祝学习愉快！
0
相似问题