vue前端开发自学,组件事件配合v-model实现的动态传递数据

vue前端开发自学,组件事件配合v-model实现的动态传递数据!

下面的案例代码是结合之前学的一些知识点,实现了简单的,父子组件之间动态传递数据的demo

下面看看代码内容和执行效果。



以上是父组件的代码内容,里面调用了一个子组件的标签。已经被引入了,并且声明好了。可以当做一个标签来使用的。



子组件代码,很简单,就是定义个输入框,让模拟用户的搜索业务。当用户输入内容时,可以实时的传递数据信息给父组件!


vue前端开发自学,组件事件配合v-model实现的动态传递数据_第1张图片

如图,可以正常实现,父子组件之间动态传递数据的情况。

你可能感兴趣的:(vue,vue.js,前端,javascript)