Day22 Vue 认识Porps(1)

在之前的铁人赛中我们知道了元件的实体状态、模板等作作用范围都应该要是独立的，意味这子元件是无法修改父元件，甚至是另一个元件。

但是当我们分割元件，要重复使用这元件时我们希望这个元件可以依据「外部」传入的资料来反映出不同的结果，那麽既然不能直接用的话，就需要透过props属性来引用外部的资料。

我们从这张图可以看到props属性宣告要从外部引用进来的属性名称，并在外层模板使用内层元件标签时会以v-bind来将资料传递近来。在这里我们要注意一点，props与子元件的名称要一样，不然你会在那傻傻的想为甚麽跑不出来。

补充一下，v-bind是不一定要加的，但是差别在於有加v-bind回传的是来自外层元件的msg状态内容，而没加v-bind而是会收到子元件接收到的会是 "msg" 的「纯文字字串」，出现的结果就不一样了。

今天就先到这了，明天见~