vue自定义组件及父子控件之间的传值

vue自定义组件及父子控件之间的传值

全部代码我会文末在云盘分享给大家。

引入

他的全部代码合起来是这样。是不是看不懂&＃xff0c;没事&＃xff0c;我一种一种分开来给你讲。

运行起来如下图&＃xff1a;

第一种&＃xff0c;定义全局组件。两个vue对象都可以用到

代码如下&＃xff1a;

运行后如图&＃xff1a;

第二种局部组件

代码如下。

第三种template组件定义

这两种定义的模板标签都一定要放在new Vue前面。

效果图如下&＃xff1a;

父子控件互相传值

父类向子类传值需要通过属性

子类像父控件传值需要通过事件

代码如下&＃xff1a;

效果图如下

代码路径&＃xff1a;https://download.csdn.net/download/yu240956419/85190566 免积分的哦&＃xff0c;直接上传这里