Vue组件化开发父子组件传递结合v-model(笔记二)

组件调用的语法糖
如果中间没有内容的话,可以简写成 单标签的形式。

组件里面的data必须是函数。

父传子props推荐是对象形式,而不是数组。

父子组件传递结合v-model实例,当我们在子组件中修改了父组件传给子组件的属性(官方是不推荐子组件修改父组件传值),最终页面效果是可以实现展示的,但修改是不推荐的,会报如下错误。



上代码





    
    




    
    
    

报错提示我们因该这样做,根据父组件传给的值,创建一个初始化data或者计算属性。



修改后代码。




    
    



    
    
    

这样就不会报上面的错误了。

因为我们用v-model双向绑定了input输入框,当用户输入了内容后,我们想通过子组件返回给父组件一个信息,通知它改掉自己的num1和num2.





    
    



    
    
    

用回v-model结合watch侦听属性。




    
    



    
    
    

你可能感兴趣的:(Vue组件化开发父子组件传递结合v-model(笔记二))