[Day 23] props

这篇学的有点久，一直搞不懂他的概念是怎样，经过我一番的努力，终於把他搞懂了!!希望大家看完我这篇也可以把它搞懂。

使用时机

在什麽情况下会使用props呢?我们在使用元件时希望互相干扰的程度越小越好，这样维护比较容易，也避免难以追踪的错误，如果遇到需要由父层传递资料给子层时，就可以使用props。

小例子

来看看一个简单的例子解释props的原理~~
我们想达成的目的是当点击 '点我'时，弹出视窗:name+你超可爱。
首先，先在自订元件上使用之前提到过的v-bind
user-name是子元件，name是父元件。

我们可以在子层元件使用props属性来宣告从父层引用进来的属性名称，并且在外层模板使用子层元件标签时，使用v-bind传递资料。

使用user-name传递名称name(这里的name是 「你」)给自订元件<cute>，而name需要用Vue实体定义，这里是使用new Vue来。

结果长这样

结语

又是突然结语，不知道各位有没有比较了解props这个东东，他的概念好复杂，还是只有我觉得很难(っ °Д °;)っ