组件中的那么属性作用

直接借助栗子来说明吧。

先来创建简单的组件

我的栗子：点击左边的按钮之后会展示Left组件，点击效果如下：

 

点击右边的按钮之后会展示Right组件，点击效果如下： 

为了让大家更清晰，我把源码也给大家把。

首先结构是这样的

App组件是根组件，Left和Right组件是子组件

 

源代码：

主组件App

 Left组件：

 Right组件：

源代码就是上面那么简单的，足以用来讲解今天的主题了

现在正式进入今天的主题：

name属性到底有什么作用?

先给大家看一下主要的东西：

 

大家认为方框里面的和名称是怎么来的吗。其实这无疑是在智商作死的试探。这两个名称是我们自己起的，在App组件中引用left和right组件命名的

现在如果我不喜欢这个默认的命名怎么办，当然是有办法的啦。就是使用今天的主题name来实现。

不多说了，直接上代码：

在App组件的原来代码的基础上，就添加了红色方框的空格

再来看看控制台：

 

没加name之前：

 

 所以大家知道name属性的作用了吧。

大家动手试着自己去修改一下，Left组件和Right组件，修改为：myLeft和myRight

得到的结果是这样的：